uniapp uview-plus中 up-cascader 做省市县级联的时候数据编辑回显 只显示了父级 子级别不展示的问题
·
uniapp uview-plus中 up-cascader 做省市县级联的时候数据编辑回显 只显示了父级 子级别不展示的问题
关于这个问题网上找了很多资料做了很多测试 最后确认是插件代码有问题 目前优化了代码插件中的代码可以实现回显数据完整
页面引入插件如下:
<!-- 省市区县选择组件 -->
<up-cascader v-model:show="isCasShow" v-model="regionCode"
:data="areaData" z-index="101" :auto-close="true" @change="onChangeRegion"></up-cascader>
//本地缓存的全国行政区域省市县
import { areaData } from '@/utils/areaData.js'
//这个数据是根据value值父子级关系对应的数据
let regionCode = ref(['130000', '130200', '130205']);//选择数据code
上面代码导致数据回显只是勾选了父级 子集不展示
代码改造如下:
在 uni_modules下的uview-plus /components/u-cascader/u-cascader.vue 文件下226行添加代码:
setDefaultValue方法中需要新增一些代码进行赋值操作
if(this.levelList.length < this.modelValue.length){
// 代码封装的缺陷,回显只有父级子级不显示的问题,需要把数据添加进去
this.levelList.push(currentLevelData)
}

当然了 这里只是修改了本地的代码 如果项目切换了或者重新安装uview-plus插件了 需要再次修改一下即可 期待组件版本优化后能修改好
更多推荐

所有评论(0)