el-tree-select中的编辑回显问题

最新推荐文章于 2025-09-29 15:31:43 发布

原创最新推荐文章于 2025-09-29 15:31:43 发布 · 3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#element-plus

前端、原创专栏收录该内容

40 篇文章

订阅专栏

在Vue中，为el-tree-select添加渲染属性render-after-expand=false可以避免在编辑模式下显示id的值，只显示label的回显，确保了界面的正确显示。

需要加一个 :render-after-expand="false" 属性，才可以进行编辑回显label的值，

不显示id的值了

<el-tree-select
               @change="changeTree"
                v-model="form.parentId"
                :data="menuOptions"
                :props="{ value: 'id', label: 'name', children: 'children' }"
                value-key="menuId"
                placeholder="选择上级菜单"
                check-strictly
                :render-after-expand="false" 
            />