elementui清空el-tree选中节点

1,531 阅读1分钟

HTML

<el-button type="primary" @click="clear">重置</el-button>
<el-tree
    node-key="id"
    show-checkbox
    :data="deptOptions"
    :props="defaultProps"
    :expand-on-click-node="false"
    accordion
    ref="tree"
    :check-on-click-node="true"
    @check="handleCheckChange"
    />

js

methods:{
    clear(){
        this.$nextTick(() => {
            this.$refs.tree.setCheckedKeys([])
        });
    }
}

常见报错

微信图片_20211216103507.png

原因: 缺node-key:每个树节点用来作为唯一标识的属性,整棵树应该是唯一的