el-tree 默认值与重置问题
 <el-tree
            :data="data"
            show-checkbox
            node-key="id"
            :default-checked-keys="defKeys"
            :props="defaultProps"
            ref="tree"
          >
</el-tree>
 defaultProps: {
        children: "children",
        label: "label",
      },
       defKeys: [],
//data绑定的值
//node-key="id" 绑定的id
//default-checked-keys="defKeys" //默认值
//props="defaultProps" 后端返回的格式不是el-tree需要的格式需要转换
//ref="tree" 必须绑定ref才可以操作

let res = this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys()); console.log(res); //res就是勾选的数据 是个数组
this.$refs.tree.setCheckedKeys([]); //清空tree里面的数据添加的时候需要清空

默认值直接取出来后端返回的数据就可以了

this.defKeys=res.data.checkedKeys

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐