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

相关推荐
everyStudy23 分钟前
JS中判断字符串中是否包含指定字符
开发语言·前端·javascript
Ylucius32 分钟前
动态语言? 静态语言? ------区别何在?java,js,c,c++,python分给是静态or动态语言?
java·c语言·javascript·c++·python·学习
LvManBa42 分钟前
Vue学习记录之六(组件实战及BEM框架了解)
vue.js·学习·rust
200不是二百1 小时前
Vuex详解
前端·javascript·vue.js
LvManBa1 小时前
Vue学习记录之三(ref全家桶)
javascript·vue.js·学习
深情废杨杨1 小时前
前端vue-父传子
前端·javascript·vue.js
工业互联网专业2 小时前
毕业设计选题:基于springboot+vue+uniapp的驾校报名小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
J不A秃V头A2 小时前
Vue3:编写一个插件(进阶)
前端·vue.js
司篂篂3 小时前
axios二次封装
前端·javascript·vue.js
姚*鸿的博客3 小时前
pinia在vue3中的使用
前端·javascript·vue.js