标签：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‘]
标签：sele val har children 页面 item 例子 class mode
原文地址：https://www.cnblogs.com/robinunix/p/11045442.html
