vue+ element tree控件 数据回显

发布于 2022-09-12 03:42:23 字数 823 浏览 23 评论 0

如题,想知道如何才能回显

<el-form-item label="选择菜单与权限" prop="menuIds">
          <el-tree
            v-model="roleActionVo.menuIds"
            :data="newlist"
            show-checkbox
            node-key="id"
            default-expand-all
            :check-strictly="true"
            :props="props"
            @check="handleChange"
            :default-checked-keys="checkedId"
            ref="menuTree"
          >
          </el-tree>
        </el-form-item>
props: {
                label: 'title',
                id: 'menuId',
                children: 'children'
            },

接口数据返回后对tree需要数据处理

 this.checkedId = _data.menuIds                              this.$refs.menuTree.setCheckedKeys(this.checkedId)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

合久必婚 2022-09-19 03:42:23

你的这个是在回显的时候,:default-checked-keys="checkedId"setCheckedKeys两个都不生效吗?你可以试试在mounted中设置选中节点或是用$nextTick

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文