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 中必须存在才可以查出

相关推荐
ZC跨境爬虫35 分钟前
跟着 MDN 学 HTML day_57:(HTML 表格进阶特性与无障碍实践)
java·前端·javascript·ui·html·音视频
Moment35 分钟前
刷 Reddit 1 小时没结果?我用这个方法 10 秒挖出真实需求
前端·javascript·后端
w_t_y_y39 分钟前
VUE组件配置项(零)概述
前端·javascript·vue.js
水云桐程序员40 分钟前
Web应用的分类
前端·javascript·vue.js·react.js·webkit
yqcoder40 分钟前
TypeScript 进阶:如何精准获取对象的所有 Key?
javascript·ubuntu·typescript
ZC跨境爬虫1 小时前
跟着 MDN 学 HTML day_54:(深入掌握 XSLTProcessor API)
前端·javascript·ui·html·媒体
Csvn1 小时前
JS 技巧:设计模式(上)
前端·vue.js
Delicate1 小时前
JavaScript 的双面人生:基本类型与引用类型的那些事儿
javascript
Pu_Nine_92 小时前
Vue3 + ECharts 企业级封装实践:按需引入 + useECharts Hooks
前端·vue.js·echarts