使用el-cascader中回填需要返回绑定数组格式,
例如:
['江苏省', '南京市', '秦淮区', '中华门街道']
因为我封装了组件, 这个默认的值又是接口请求回的,总是会出现偶尔不回填的问题;
查看原因:数据改变了,视图不变, 修改为$set赋值也没解决;
最终解决办法: el-cascader 绑定key, 修改v-model值的时候,顺便更新下key值。 (我这里绑定的 :key="modelKey")
代码如下, 请参考:
html部分
<template>
<el-cascader
:props="props"
@change="changeArea"
v-model="defaultArea"
placeholder="请选择收件地址"
:key="modelKey"
style="margin-right: 30px"
></el-cascader>
</template>
js部分
this.defaultArea = arr // 赋值组件默认值, arr是请求回来处理后的数据
this.modelKey++ // 重新赋值value,实现回填功能
因篇幅问题不能全部显示,请点此查看更多更全内容