您的当前位置:首页正文

2020-12-5 element中el-cascader懒加载回填踩坑

来源:爱站旅游
导读2020-12-5 element中el-cascader懒加载回填踩坑

使用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,实现回填功能

 

因篇幅问题不能全部显示,请点此查看更多更全内容

Top