vue的tree树形结构编辑时默认选中状态

		<el-form-item label="权限">
          <el-tree
            ref="tree"
            :check-strictly="checkStrictly"
            :data="routesData"
            :props="defaultProps"
            default-expand-all
            show-checkbox
            node-key="id"	---->必填
            class="permission-tree"
          />
        </el-form-item>
//进入页面就执行方法,从后台获取勾选中的id数组(res.data)
	check(id) {
      Service.getClient().roles.check(id).then(res => {
        for (const i of res.data) {
          this.$refs.tree.setChecked(i, true, false)   --->tree内置方法,查看element手册详细
        }
      })
    },
Logo

前往低代码交流专区

更多推荐