ElementUI组件Cascader数据显示删除错位

简介: ElementUI组件Cascader数据显示删除错位

ElementUI组件Cascader显示的数据和我删除的数据不一致

解决办法:

将回显数据的顺序和配置数据顺序以相同的方式排序

比如:

// 配置顺序
[
    label: "分类1",
    value: '1',
    children: [
        {
            label: "分类1-1",
            value: '1-1',
        },
        {
            label: "分类1-2",
            value: '1-2',
        }
    ],
    label: "分类2",
    value: '2',
]
// 传入数据
[
    ['1', '1-1'], 
    ['2']
]
相关文章
|
7月前
Vue3随内容增加滚动到底部
Vue3随内容增加滚动到底部
213 0
|
前端开发
【前端】elementUI表格根据状态显示不同的字体颜色
【前端】elementUI表格根据状态显示不同的字体颜色
328 1
修改elementui table 组件滚动条样式
修改elementui table 组件滚动条样式
121 0
|
JavaScript
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
2797 0
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
|
7月前
|
JavaScript
vue中有关表格中的表格头中添加悬浮提示的ui问题
vue中有关表格中的表格头中添加悬浮提示的ui问题
187 1
|
2月前
|
JavaScript 索引
vue 表格数据上下移动并增加背景色
vue 表格数据上下移动并增加背景色
41 0
|
4月前
|
JavaScript UED
基于Vue2.0仿Element UI的el-tooltip实现一个气泡框组件,支持多数据类型的显示和内容为空时不显示气泡框
该文章介绍了如何基于Vue2.0仿照Element UI的el-tooltip组件实现一个自定义的气泡框组件,该组件能够根据内容是否为空智能显示或隐藏,支持多种数据类型的显示。
129 0
基于Vue2.0仿Element UI的el-tooltip实现一个气泡框组件,支持多数据类型的显示和内容为空时不显示气泡框
|
4月前
|
JavaScript
使用Vue+Textarea实现在文本内容变化时自适应高度
这篇文章提供了Vue 2和Vue 3中实现Textarea在文本内容变化时自适应高度的示例代码和方法。
272 0
使用Vue+Textarea实现在文本内容变化时自适应高度
|
5月前
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
720 3
|
5月前
【el-cascader-plus亲测有限】el-cascader级联选择器懒加载+多选功能回显失败解决方案
【el-cascader-plus亲测有限】el-cascader级联选择器懒加载+多选功能回显失败解决方案
217 0