碼迷,mamicode.com
首頁 > 其他好文 > 詳細

element el-cascader設置默認值

時間:2019-06-18 15:56:23      閱讀:39      評論:0      收藏:0      [點我收藏+]

標簽:sele   val   har   children   頁面   item   例子   class   mode   

原文: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設置默認值

標簽:sele   val   har   children   頁面   item   例子   class   mode   

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

(0)
(0)
   
舉報
評論 一句話評論(0
0條  
登錄后才能評論!
? 2014 mamicode.com 版權所有 京ICP備13008772號-2
迷上了代碼!
25选5历史开奖结果百度