iview Cascader组件编辑回显问题
Cascader
在回显时,需要手动点击拉取数据才可以展示出来,
如果在初始化中清空Cascader
的绑定数据后,将Cascader
组件删除掉(v-if
),再利用定时器重新载入Cascader组件就可以避免回显失败的问题
<Cascader v-if='isShow' :data="data" v-model="value1"></Cascader>
export default {
data () {
return {
isShow:false,
value1: [],
data: [{
value: 'beijing',
label: '北京',
}]
}
},
mounted () {
// 为视觉效果,定时器时间最好为0。
this.isShow = false;
// 定时器重新载入组件就可以触发组件拉取数据
setTimeout(() => {
this.isShow = true;
}, 0);
}
}