Filecoin Python入门到实战 GraphQL 北斗系统 image grails build outlook vue路由 在线考试系统代码 jquery查找子元素 jquery获取dom对象 bootstrap时间轴 js空格符 kb转mb 查看nodejs版本 python教学 python加法 python字典类型 python环境配置 windows安装python环境 python中的循环 javadate java简介 java程序实例 java正则表达式匹配 java匿名对象 java实现多线程 如何查看java版本 java索引 java数组 java创建文件夹 python视频教程 迷你版kms ad下载 超星网课助手 vfloppy findall cmd命令数字雨 驱动精灵绿色版
当前位置: 首页 > 学习教程  > 编程语言

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

2020/12/5 10:59:45 文章标签:

使用el-cascader中回填需要返回绑定数组格式, 例如: [江苏省, 南京市, 秦淮区, 中华门街道] 因为我封装了组件, 这个默认的值又是接口请求回的,总是会出现偶尔不回填的问题; 查看原因:数据改变了,视图不变&#xf…

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

 


本文链接: http://www.dtmao.cc/news_show_450362.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?