省市区联级选择不回显

 <el-form-item label="省市区县:" prop="district"><el-cascaderstyle="width: 80%"v-model="area":props="cascaderProps":options="areaList"></el-cascader></el-form-item>

created() {this.row = this.valueif (this.row && this.row.id) {this.ruleForm = this.valuethis.area = ['110000', '110100', '110102']},

我出现不回显的错误原因是: v-model绑定的area数组接受的是 [安徽省，宿州市，萧县]，直接接受省市区的名称。

解决：this.area = ['110000', '110100', '110102']

应该接收他的编码code！！！！！！

省市区联级选择不回显相关推荐

前端实现商品联级选择禁用（附带一个表情包插件）
<template><div id="app"><h3>前端实现淘宝商品联级选择禁用</h3><div v-for=" ...
选择company回显appname
function showSupCompany() { var obj = {}; obj.label = ScompanyId.getSelectedLabel(); obj.value = Sco ...
打车时间联级选择插件，时间联动选择，首汽打车时间选择插件
先上图,感觉有用再继续往下看,免得耽误您的时间由于项目中需要用到类似打车软件的时间选择器,网上找了好多也没有同款,所以干脆自己封装了一个,基于vue+vant,主要是用到的vant(有赞)的van- ...
antd的联级选择器异步调用编辑回显_react-uplod-img 是一个基于 React antd组件的图片上传组件...
react-uplod-img 是一个基于 React antd组件的图片上传组件支持oss qiniu等服务端自定义获取签名,批量上传, 预览, 删除, 图片精确的尺寸限制排序等功能需要 re ...
Ant Design Cascader组件实现联级组件实现省市区联动
Ant Design Cascader 联级组件实现省市区联动 <a-form ref="formRegister" :form="form" id=&q ...
elementui Cascader 省市区联动选择器，应用与回显
目的:往数据库添加数据,形式为:xx省/xx市/xx县 ,并在前端回显 eg: 在element form表单里添加 <el-form-item label="地区" pro ...
ElementUI中的el-select中多选回显数据后没法重新选择和更改
场景 ElementUI的el-select怎样实现下拉多选并实现给下拉框赋值和获取值: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detai ...
v-region 地址组件无法回显问题(选择地址保存后，打开编辑，发现刚才选择的地址【省市县乡】信息消失，信息不回显)
(Avue) 1.问题 v-region 地址组件无法回显(选择地址保存后,打开编辑,发现刚才选择的地址[省市县乡]信息消失,信息不回显) 选择好省市县乡后,保存,再次编辑,发现如下: 2.解决方案: ...
layer.open回显数据select选择默认值
1. 需求分析如图所示,需要在用户编辑的时候能够回显数据,并且使其能够自动渲染下拉框. <div class="layui-form-item"><label ...

省市区联级选择不回显

省市区联级选择不回显相关推荐

最新文章

热门文章