先上代码
<el-cascader :options="arr"
style="width: 100%;"
:show-all-levels="false"
v-model="menuForm.xxxxx"
@change="handleChange"
:props="{checkStrictly: true,value:'xxxxx',label:'xxxxx',children: 'xxxxx'}">
</el-cascader>
当我们既想要能够选择任意一级选项框,又想根据后台返回的数据来动态设置value、children等属性时,可以设置props为 :props="{checkStrictly: true,value:‘xxxx’,label:‘xxxx’,children: ‘xxxx’}"(根据后台返回数据来定),且checkStrictly: true必须写在首位,我最初设置在末尾,结果就不起作用了。