关于vue里elementui组件的级联选择器cascader回显懒加载重载问题

最新推荐文章于 2024-07-29 11:53:27 发布

qq_31830547

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量4.1k

点赞数 2

文章标签： javascript vue.js elementui

本文链接：https://blog.csdn.net/qq_31830547/article/details/111320261

版权

饿了么的级联选择有时候需要通过后台动态返回选择器的项，调用props里面的懒加载函数
饿了么级联懒加载描述
通过懒加载动态加载级联的选项，比如省/市/区，

但是在回显的时候需要对已经选好的数据回显会有麻烦，比如回显第一条(湖北/武汉)成功，回显第二条(广东广州)时，区的条目没有重新加载，

   <el-cascader v-if="showca" :props="props" v-model="dataModel" ref='cascader'></el-cascader>

这里通过v-if=showca控制el的生存状态，

that.showca=false
that.addRuleForm.roomData = roomArr;
            setTimeout(() => {
   
              that.showca=true
       }, 10);

先将showca置为false然后置为true 就会重新调用lazyload重载函数，

selectLazyLoad:function(node,resolve){
   //楼栋懒加载
       var that = this
 
     const {
    level } = node;

      console.log(node)
      if(node

关注