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

相关推荐
小笔学长10 小时前
事件委托:优化事件处理性能
javascript·性能优化·项目实战·前端开发·事件委托
白兰地空瓶10 小时前
告别 add(1, 2)!通过 JS 柯里化,让你的代码更加优雅
javascript·面试
ohyeah10 小时前
柯理化(Currying):让函数参数一个一个传递
前端·javascript
CryptoRzz10 小时前
StockTV API 对接全攻略(股票、期货、IPO)
java·javascript·git·web3·区块链·github
w1395485642211 小时前
Flutter跨平台开发鸿蒙化JS-Dart通信桥接组件使用指南
javascript·flutter·harmonyos
岁月宁静11 小时前
AI 多模态全栈项目实战:Vue3 + Node 打造 TTS+ASR 全家桶!
vue.js·人工智能·node.js
Hilaku11 小时前
当 Gemini 3 能写出完美 CSS 时,前端工程师剩下的核心竞争力是什么?
前端·javascript·ai编程
DigitalOcean11 小时前
加速 JavaScript 开发:DigitalOcean 应用托管现已原生支持 Bun
javascript
裴嘉靖11 小时前
Vue + ECharts 实现图表导出为图片功能详解
前端·vue.js·echarts
多仔ヾ12 小时前
Vue.js 前端开发实战之 01-Vue 基础入门
vue.js