vue 监听 Treeselect 选择项的改变

项目中使用 Treeselect 时,需要获取选项的变化从而触发别的事件,所以需要监听Treeselect 所选择的值。

我使用了watch 来监听 treeselect 绑定的 model ,如果 model 的值发生变化就触发 currDeptChange 事件。

<el-form-item prop="deptId"
                    :label="$t('deviceManage.device.table.deptId')+':'">
        <treeselect :options="deptTree"
                    :normalizer="normalizer"
                    v-model="formData.deptId"
                    :placeholder="$t('deviceManage.device.dlg.deptId')">
        </treeselect>
</el-form-item>

监听 Treeselect 选择项的改变

watch: {
    // 监听deptId
    'formData.deptId': 'currDeptChange'
},
methods: {
    currDeptChange(val) {
      console.log('currDeptChange', val)
      if (val) {
      	this.queryStaff()
      }
    },
    queryStaff() {}
}

你可能感兴趣的:(前端)