vue element-ui el-cascader级联选择器数据回显 简单的两种方法
vueelement-ui el-cascader级联选择器数据回显 简单的两种方法<el-cascaderref="myCascader"clearablev-model="regionValue":options="regionOptions":props="regionProps"@change="handl
·
vue element-ui el-cascader级联选择器数据回显 简单的两种方法
<el-cascader
ref="myCascader"
clearable
v-model="regionValue"
:options="regionOptions"
:props="regionProps"
@change="handleChangeRegion"
></el-cascader>
通过value绑定值判断是通过name回显还是id回显
export default {
data() {
return{
regionValue: ['name1','name2','name3'], //(注:name1,name2,name3的数据要和name一样) 通过id回显 regionValue: ['id1','id2','id3']
regionOptions: [],
regionProps: {
value: 'name', //如果想通过id回显就 value:'id'
label: 'name',
children: 'children',
},
}
}
}
注:根据后端给的数据参考本方法测试
更多推荐
已为社区贡献5条内容
所有评论(0)