如何在使用avue-crud组件时写监听

 1、在标签中加入属性v-model="form"

 <avue-crud
      :option="option"
      :table-loading="loading"
      :data="data"
      v-model="form"
    >
</avue-crud>

2、在data中加入form,这样vue的监听机制才能监听到form的变化

export default {
  data() {
    return {
      form: {},
}
}
}

3、写对某个变量的监听,this.form能取到的值为新增弹窗中的值或是编辑时弹窗中的值;第一个参数为新值、第二个参数为旧值

  watch: {
    "form.category"(val,oldval) {
        //函数体
    },
  },

猜你喜欢

转载自blog.csdn.net/weixin_45294459/article/details/126730474