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

相关推荐
an86950013 小时前
vue新建项目
前端·javascript·vue.js
czhc11400756635 小时前
c# 1121 构造方法
java·javascript·c#
GISer_Jing6 小时前
3D Cesium渲染架剖析
javascript·3d·webgl
han_6 小时前
前端性能优化之CSS篇
前端·javascript·性能优化
JIngJaneIL7 小时前
汽车租赁|汽车管理|基于Java+vue的汽车租赁系统(源码+数据库+文档)
java·vue.js·spring boot·汽车·论文·毕设·汽车租赁
z***I3947 小时前
JavaScript爬虫应用案例
开发语言·javascript·爬虫
清风徐来QCQ8 小时前
javaScript(map,ref,?,forEach,watch)
java·前端·javascript
星月前端8 小时前
[特殊字符]面向 ArcGIS for JavaScript(4.x)开发者的「坐标系统(CRS / 投影)」全面解读
开发语言·javascript·arcgis
星空的资源小屋9 小时前
永久删除文件利器:Permadelete
java·javascript·人工智能
柒昀9 小时前
Vue.js
前端·javascript·vue.js