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']
]
相关文章
|
前端开发 JavaScript
富文本编辑器wangEdiotr,编辑内容后,重新打开报错Uncaught (in promise) Error: Cannot find a descendant at path
富文本编辑器wangEdiotr,编辑内容后,重新打开报错Uncaught (in promise) Error: Cannot find a descendant at path
2650 1
|
Java Windows
IntelliJ IDEA 2020.2激活破解教程
IntelliJ IDEA 2020.2激活破解教程
2750 1
IntelliJ IDEA 2020.2激活破解教程
|
JavaScript 前端开发 API
core-js介绍及安装使用
core-js介绍及安装使用
core-js介绍及安装使用
|
8月前
|
存储 前端开发 UED
08.HarmonyOS Next响应式布局秘籍:掌握Flex换行与对齐技术
在当今多设备、多屏幕尺寸的应用环境中,响应式布局已成为前端开发的核心技能。HarmonyOS Next作为面向全场景的操作系统,其UI框架提供了强大的响应式布局能力,使应用能够在手机、平板、智能手表等不同设备上呈现最佳效果。
254 2
|
JavaScript 前端开发 API
vite中如何根据不同环境配置打包规则?一个if语句即可搞定!
【8月更文挑战第1天】vite中如何根据不同环境配置打包规则
957 5
vite中如何根据不同环境配置打包规则?一个if语句即可搞定!
|
JavaScript
如何解决ElementUI中的el-tab-pane组件使用v-show不生效的问题?
如何解决ElementUI中的el-tab-pane组件使用v-show不生效的问题?
1346 3
|
JavaScript 前端开发 CDN
vue 生成分享海报、下载图片(含生成二维码qrcodejs2的使用,网页截屏html2canvas的使用)
vue 生成分享海报、下载图片(含生成二维码qrcodejs2的使用,网页截屏html2canvas的使用)
527 0
vue 生成分享海报、下载图片(含生成二维码qrcodejs2的使用,网页截屏html2canvas的使用)
|
关系型数据库 MySQL
MySQL的between and 边界是什么?
【8月更文挑战第1天】MySQL的between and 边界是什么?
1666 0
|
缓存 资源调度 JavaScript
yarn安装和使用及与npm的区别
yarn安装和使用及与npm的区别
|
小程序 iOS开发
uniapp中IOS端小程序底部黑线适配的方法(整理)
uniapp中IOS端小程序底部黑线适配的方法(整理)

热门文章

最新文章