问题描述

使用elementui,进行地区选择,分省市区三级动态加载,首次保存后,再次回看数据,怎么选中上次保存的地区

省市区三级都是动态加载,下次回来,只有省一级数据,model里面存的是一个数组,完全选不中,本来想下次回来给一个字符串在model里面的,但是也不现实

elementui 版本2.9.1

采用动态加载的方式

let id = 0;

export default {

data() {

return {

props: {

lazy: true,

lazyLoad (node, resolve) {

const { level } = node;

setTimeout(() => {

const nodes = Array.from({ length: level + 1 })

.map(item => ({

value: ++id,

label: `选项${id}`,

leaf: level >= 2

}));

// 通过调用resolve将子节点数据返回,通知组件数据加载完成

resolve(nodes);

}, 1000);

}

}

};

}

};

cascader 动态加载 回显_Elementui cascader 级联选择器 动态加载数据,保存后回显的问题...相关推荐

  1. 动态加载 回显_ElementUI cascader级联动态加载及回显

    先看图,你是否也遇到这个需求? 如果你正在焦头烂额,无脑抓瞎,那么你来对地方了,因为我将给你一个简单易懂的实现方案. 我也在网上翻了无数页答案,也照着别人的代码和思路尝试了,事实上并不能解决我这个棘手 ...

  2. cascader 动态加载 回显_ElementUI cascader级联动态加载回显和搜索看这个就够了

    这一篇是上一次讨论cascader级联动态加载回显问题的延续,文末有链接. 以下是思考和开发的过程,不感兴趣可以直接看使用文档. https://github.com/zhuss/lazy-casca ...

  3. elementui级联选择器懒加载回显亲测有效

    记录一下自己挣扎迷茫的一天,如果有同样遇到级联选择器要回显的同志,希望你早点看到这篇日志.进入正题,如何在懒加载上回显. //组件上写法 <el-cascader:options="l ...

  4. 级联选择器el-cascader处理复杂数据(四层、五层数据),回显部门以及部门下的人员

    注意:参考第五层的数据处理比较nice 当级联选择器需要绑定的数组不再是简易数据,props涉及的字段不再是一个,而是列表里面套列表 比如,我想要获取部门以及下面的员工,如何显示?如下图1所示,后端返 ...

  5. element UI Cascader 级联选择器 动态加载次级选项

    项目中有这样一个需求,省市区的选择,想到用到el-Cascader组件,动态加载次级选项. 现象 首先应获取所有的省,然后用户选择某个省,动态加载该省下所有的市.这个过程中数组某项被修改,视图未更新 ...

  6. elementui 加载中_ElementUI cascader级联动态加载回显和搜索看这个就够了

    这一篇是上一次讨论cascader级联动态加载回显问题的延续,文末有链接. 以下是思考和开发的过程,不感兴趣可以直接看使用文档. https://github.com/zhuss/lazy-casca ...

  7. cascader 动态加载 回显_elementUI的cascader级联选择控件的默认值(回显)问题

    其实所谓回显,也只是默认值的问题.例如,一个省市联动,如果当一个用户修改自己信息的时候,那么他能看到级联选择的值,也就是说 在修改页面我们给级联选择器赋值一个默认值就可以了.截图是官方文档 vchl0 ...

  8. element-UI级联选择器(Cascader 回显、默认显示项) - (返回结果的)格式转化 - 代码篇

    el-cascader组件 :(返回结果的)格式转化 有时候会报错:TypeError: thsAreaCode.replace is not a function (bug截图如下) 说白了就是该组 ...

  9. iView级联选择器Cascader回显慢的问题

    简单小结一下,iView在日常开发中所遇到的一点小问题, 今日简单聊聊iView级联选择器Cascader的使用心得: [参考资料:iView ] 1.存在问题: Cascader选择器在回显数据时会 ...

最新文章

  1. 生成对抗网络gan原理_中国首个“芯片大学”即将落地;生成对抗网络(GAN)的数学原理全解...
  2. 针对还没搞懂javascript中this关键字的同学
  3. 【Java】6.7 内部类
  4. php5.4以下,json_encode不转义实现方法
  5. 探索ASP.NET MVC5系列之~~~6.Session篇(进程外Session)
  6. 每月分享github上有意思的项目
  7. Timer和TimerTask类 例子 .
  8. 《c语言从入门到精通》看书笔记——第4章 运算符与表达式
  9. 20180209-shutil模块
  10. html溢出部分纵向滚动,html - 无法滚动到溢出包含的flex项目的顶部
  11. 达芬奇17(DaVinci Resolve Studio 17)兼容big surv17.0b9最新版
  12. 小米手机插上android找不到驱动,小米手机连接电脑不显示文件怎么办?
  13. 利用Volatility进行Windows内存取证分析(二):内核对象、内核池学习小记
  14. 万物互联,该怎么联?
  15. IOS APP 测试方法和测试工具大揭秘
  16. Vijos - 想越狱的小杉(最短路)
  17. 飞檐走壁已经不是成龙甄子丹们的特技了,TA也可以做到!
  18. 1、 Seata快速开始
  19. GoLang 下载和安装
  20. 强制用户使用定向推送功能是什么意思?整改措施请收好

热门文章

  1. Flume实操(三)【实时读取目录文件到HDFS案例】
  2. 浅析HDFS的副本存放策略
  3. 爬虫 spider10——搭建elk平台,开发服务提供者
  4. leetcode 75. Sort Colors | 75. 颜色分类(荷兰国旗问题,快速排序)
  5. Arch Linux 没有声音:Intel sound card snd_hda_intel not working 解决方法
  6. 多线程与高并发(五):强软弱虚四种引用以及ThreadLocal的原理与源码
  7. 密码学系列之:内容嗅探
  8. java text 格式化_java.text.DecimalFormat类十进制格式化
  9. 吴恩达机器学习 -- 多变量线性回归
  10. IDEA2020版本如何导入jar包