el-cascader 数据的回显

javascript 复制代码
                    <el-cascader
                        placeholder="试试搜索"
                        :options="allOptions"
                        :props="{ multiple: true }"
                        v-model="options"
                        filterable 
                        style="width: 80%;max-height:240px;overflow-y:scroll;">
                    </el-cascader>

allOptions里面包含了所有你要选择的值

javascript 复制代码
allOptions: [{
              value: '1',
              label: '一致'
            }, {
              value: '2',
              label: '反馈'
            }, {
              value: '3',
              label: '效率'
            }, {
              value: '4',
              label: '可控4'
            }, {
              value: '5',
              label: '可控5'
            }, {
              value: '6',
              label: '可控6'
            }, {
              value: '7',
              label: '可控7'
            }, {
              value: '8',
              label: '可控8'
            }, {
              value: '9',
              label: '可控9'
            }, {
              value: '0',
              label: '可控0'
            }]

options:['0','2','4','6']
如果 multiple: true 则 options 是数组

如果没有该属性 则 options: 0

options 中的数据 在allOptions 中必须存在才可以查出

相关推荐
chushiyunen4 分钟前
python中的魔术方法(双下划线)
前端·javascript·python
终端鹿30 分钟前
Vue2 迁移 Vue3 避坑指南
前端·javascript·vue.js
进击的尘埃33 分钟前
Signals 跨框架收敛:TC39 提案、Solid、Angular、Preact 的实现差异与调度策略对比
javascript
进击的尘埃1 小时前
从多仓到 Monorepo 的渐进式迁移:Git 历史保留、依赖收敛与缓存调优
javascript
SuperEugene1 小时前
TypeScript+Vue 实战:告别 any 滥用,统一接口 / Props / 表单类型,实现类型安全|编码语法规范篇
开发语言·前端·javascript·vue.js·安全·typescript
还是大剑师兰特2 小时前
Vue3 报错:computed value is readonly 解决方案
前端·vue.js
gis开发3 小时前
cesium 中添加鹰眼效果
前端·javascript
bluceli3 小时前
JavaScript动态导入与代码分割:优化应用加载性能的终极方案
javascript
kyriewen3 小时前
原型与原型链:JavaScript 的“家族关系”大揭秘
前端·javascript·ecmascript 6
滴滴答答哒3 小时前
layui表格头部按钮 加入下拉选项
前端·javascript·layui