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']
]
相关文章
|
前端开发
【前端】elementUI表格根据状态显示不同的字体颜色
【前端】elementUI表格根据状态显示不同的字体颜色
355 1
|
JavaScript
Vue使用Element的表格Table显示树形数据,多选框全选无法选中全部节点
Vue使用Element的表格Table显示树形数据,多选框全选无法选中全部节点
391 0
|
JavaScript
VUE element-ui之table表格全选框(复选框)隐藏
VUE element-ui之table表格全选框(复选框)隐藏
1701 0
VUE element-ui之table表格全选框(复选框)隐藏
|
JavaScript
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
2851 0
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
修改elementui table 组件滚动条样式
修改elementui table 组件滚动条样式
132 0
|
4月前
|
存储 索引
antd中table组件选中单行换样式(比如背景颜色)
在Ant Design (antd)的Table组件中,可以通过设置`onRow`属性来定义行点击事件,从而改变被点击行的样式,如背景颜色。`onRow`是一个函数,返回一个对象,对象包含事件处理函数,如`onClick`。同时,使用`rowClassName`属性来指定行的类名,结合状态管理,可以实现点击某行后改变其背景颜色的效果。具体实现时,需要在组件状态中保存当前被点击行的索引,然后通过`rowClassName`判断并返回相应的类名。
478 2
antd中table组件选中单行换样式(比如背景颜色)
|
5月前
|
JavaScript UED
基于Vue2.0仿Element UI的el-tooltip实现一个气泡框组件,支持多数据类型的显示和内容为空时不显示气泡框
该文章介绍了如何基于Vue2.0仿照Element UI的el-tooltip组件实现一个自定义的气泡框组件,该组件能够根据内容是否为空智能显示或隐藏,支持多种数据类型的显示。
141 0
|
5月前
|
JavaScript
使用Vue+Textarea实现在文本内容变化时自适应高度
这篇文章提供了Vue 2和Vue 3中实现Textarea在文本内容变化时自适应高度的示例代码和方法。
370 0
|
6月前
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
804 3

热门文章

最新文章

下一篇
开通oss服务