# 组件事件

TIP

2.6.0+

  • change事件
  • click事件
  • focus事件
  • blur事件
  • enter事件

# 普通用法

目前组件有4个事件change,click,focus,blur

 <avue-form :option="option" v-model="obj"></avue-form>
<script>
export default {
 data() {
      return {
        obj: {
          name: '11'
        },
        data: [],
        option: {
          column: [{
            label: '姓名',
            prop: 'name',
            change: ({value,column}) => {
              this.$message.success('change事件查看控制台')
              console.log('值改变',value,column)
            },
            click: ({value,column}) => {
              this.$message.success('click事件查看控制台')
              console.log('点击事件',value,column)
            },
            focus: ({value,column}) => {
              this.$message.success('focus事件查看控制台')
              console.log('获取焦点',value,column)
            },
            blur: ({value,column}) => {
              this.$message.success('blur事件查看控制台')
              console.log('失去焦点',value,column)
            },
            enter: ({value,column}) => {
              this.$message.success('enter事件查看控制台')
              console.log('回车事件',value,column)
            }
          }]
        }
      }
    }
}
</script>

Expand Copy
Last Updated: 8/20/2021, 9:25:58 AM