首页 > 其他 > 详细

element el-cascader设置默认值

时间:2019-06-18 15:47:13      阅读:770      评论:0      收藏:0      [点我收藏+]

原文:https://www.jianshu.com/p/b690d7fe6ec0

注意两点就行了

<el-form-item label="AP名称">
              <el-cascader
                v-model="ruleForm.ap"
                :options="apOptions"
                change-on-select>
              </el-cascader>
            </el-form-item>

 

apOptions:[
          {
            value:‘‘,
            label: ‘全部‘
          }
          ,{
            value: ‘zhinan‘,
            label: ‘指南‘,
            children: [
              {
              value: ‘shejiyuanze‘,
              label: ‘设计原则‘,
              children: [{
                value: ‘yizhi‘,
                label: ‘一致‘
              }, {
                value: ‘fankui‘,
                label: ‘反馈‘
              }, {
                value: ‘xiaolv‘,
                label: ‘效率‘
              }, {
                value: ‘kekong‘,
                label: ‘可控‘
              }]
            }, {
              value: ‘daohang‘,
              label: ‘导航‘,
              children: [{
                value: ‘cexiangdaohang‘,
                label: ‘侧向导航‘
              }, {
                value: ‘dingbudaohang‘,
                label: ‘顶部导航‘
              }]
            }]
          }
          ]

第一点v-model="ruleForm.ap"绑定得是数组

第二点设置默认值得时候设置得是label对应得value
如上面得数据我想设置默认值是全部 就要如下设置

this.ruleForm.ap = [‘‘]  

因为label对应得value是‘‘

再举个例子想在页面默认显示 指南/设计原则/一致
this.ruleForm.ap = [‘zhinan‘,‘shejiyuanze‘,‘yizhi‘]

  

  

  

element el-cascader设置默认值

原文:https://www.cnblogs.com/robinunix/p/11045442.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!