el-cascader实现只获取选中的节点id

页面代码

  <el-cascader
          v-model="departmentNames"
          ref="myCascader"
          @change="handleChanges"
        ></el-cascader>
  data() {
    return {
   //绑定的数据
    departmentNames:[],
    //选中的id(不包含半选的)
    departmentIds:[],
    }
    },
    handleChanges(e) {
        this.$nextTick(() => {
        this.SreachForm.departmentIds = []
        this.treeDeparment(this.$refs.myCascader.getCheckedNodes(), this.SreachForm.departmentIds)
      })
    },
    treeDeparment(list, arr) {
      list.forEach((item) => {
        arr.push(item.value)
      })
    },

你可能感兴趣的:(vue.js,前端,javascript)