el-tree 在 v-for 中获取不到 getCheckedNodes

element-ui 中 el-tree 在 v-for 中使用,获取不到 getCheckedNodes() 和 getCheckedKeys(),报错:Error in v-on handler: “TypeError: this.$refs.tree.getCheckedNodes is not a function”

  
  
  data() {
    return {
      layerControl: [
        {
          id: 1,
          label: '行政区划',
          children: [
            {
              id: 3,
              label: '社区'
            },
            {
              id: 4,
              label: '网格'
            }
          ]
        },
        {
          id: 2,
          label: '网格员'
        }
      ],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    }
  }
  methods: {
    handleCheckChange(data, checked, indeterminate) {
      console.log(this.$refs.tree)
      console.log(this.$refs.tree.getCheckedNodes())
      console.log(this.$refs.tree.getCheckedKeys())
    }
  }

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: “TypeError: this.$refs.tree.getCheckedNodes is not a function”

解决:

  
  
  methods: {
    handleCheckChange(click, checked) {
      console.log(checked.checkedKeys)
      console.log(checked.checkedNodes)
    }
  }

你可能感兴趣的:(vue+element-ui,vue)