v-region 地址组件无法回显问题(选择地址保存后,打开编辑,发现刚才选择的地址【省市县乡】信息消失,信息不回显)

(Avue)

1、问题

v-region 地址组件无法回显(选择地址保存后,打开编辑,发现刚才选择的地址【省市县乡】信息消失,信息不回显)

选择好省市县乡后,保存,再次编辑,发现如下:

2、解决方案:初始化 地址

参考资料:https://terryz.gitee.io/vue/#/region/demo

在前台修改

<avue-crud :data="data":before-open="beforeOpen">

在v-region里面加入 v-model属性

<template slot="addressForm"><v-region :town="true" type="group" @values="selectAddress" v-model="addressSelected"></v-region>
</template>

data() {return {addressSelected: {}}}
methods: {//编辑前加载,回显beforeOpen(done, type) {this.addressSelected.province = this.obj.addrProvinceKeythis.addressSelected.city = this.obj.addrCityKeythis.addressSelected.area = this.obj.addrCountyKeythis.addressSelected.town = this.obj.addrTownKeydone()},selectAddress(values) {//显示到表格地址栏this.obj.addrProvince = values.province && values.province.valuethis.obj.addrCity = values.city && values.city.valuethis.obj.addrCounty = values.area && values.area.valuethis.obj.addrTown = values.town && values.town.value//回显this.obj.addrProvinceKey = values.province && values.province.keythis.obj.addrCityKey = values.city && values.city.keythis.obj.addrCountyKey = values.area && values.area.keythis.obj.addrTownKey = values.town && values.town.key}

 

③在后台修改

找到该实体类,添加 【省市县乡编码】字段(如 addrProvince······)

④数据库修改

加【省市县乡编码】列(如 addrProvince······)

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/569423.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JavaScript中一个对象数组按照另一个数组排序

JavaScript中一个对象数组按照另一个数组排序 需求&#xff1a;排序 const arr1 [33, 11, 55, 22, 66];const arr2 [{age: 55}, {age: 22}, {age: 11}, {age: 66}, {age: 33}]数组arr2中每项都是一个对象&#xff0c;对象中age属性 数组arr1中的项将arr2数组根据对象的age值…

【JS】逻辑运算符 非! 与 或||(处理对象时注意)

转自&#xff1a;https://www.cnblogs.com/linxiong945/p/4135554.html JS中的逻辑运算符在处理布尔值的判断时&#xff0c;和其他语言没有什么不同&#xff0c;不过在处理对象时&#xff0c;就需要好好梳理记忆下了。 逻辑非&#xff08;!&#xff09; 如果一个操作数是一个对…

什么是跨域(定义理解错误)

什么是跨域 当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域 当前页面url 被请求页面url 是否跨域 原因http://www.test.com/http://www.test.com/index.html 否 同源&#xff08;协议、域名、端口号相同&#xff09;http://www.test.com/ ht…

存储池与存储卷,使用virt-install创建虚拟机

原文链接&#xff1a;https://www.cnblogs.com/zknublx/p/9199658.html 创建存储池 1.建立存储池的目录 mkdir /kvm/images 2.为了安全性&#xff0c;更改目录的所有者&#xff0c;并设置权限 chown root:root /kvm/images chmod 700 /kvm/images 验证一下 ls -a /kvm/images 3…

oracle mysql 常用语句(查询表中某字段有几种类型,及每种类型有多少个数、插入多行、查询前几行)

亲测有效 1、&#xff08;1&#xff09;查询表中某字段有几种类型&#xff0c;及每种类型有多少个数 select DISTINCT name user_name,count(*) num from patient GROUP BY name &#xff08;2&#xff09;查询表中某字段类型共有几种 select count(distinct name) from pat…

程序员修炼之道阅读笔记02

本周阅读了程序员修炼之道&#xff08;从小工到专家&#xff09;的第四章《注重实效的偏执》、第五章《弯曲&#xff0c;或折断》、第六章《当你编码时》的相关内容&#xff0c;对其中一些值得我们学习的地方进行了摘录。 1.在制作任何软件时不免的会遇到很多输入的情况&#x…

SQL中多表查询:左连接、右连接、内连接、全连接、交叉连接

一、左连接&#xff0c;右连接&#xff0c;内连接关系 左连接&#xff1a;左表全部两个表交集&#xff08;①②&#xff09; 右连接&#xff1a;右表全部两个表交集&#xff08;③②&#xff09; 内连接&#xff1a;两个表交集&#xff08;②&#xff09; 二、结合具体例子看…

ORA-00972: identifier is too long问题解决

报错 解决&#xff1a; 查看你写的是否有中文 如果有中文&#xff0c;看是否有引号将中文引起来&#xff0c;用引号引起来后不报错

Linux系统性能查询命令

top命令&#xff08;整机&#xff09;&#xff1a; 可以查看进程的cpu占用率&#xff0c;和内存占用率。uptime 是top的精简版只看整机&#xff0c;不看各进程。 load average: 0.00, 0.00, 0.00 表示系统1分钟&#xff0c;5分钟&#xff0c;15分钟的负载值&#xff0c;如果三…

Alter操作(修改列名,修改列数据类型,增加列,删除列,增加列且设为主键及对默认值操作)

一、mysql &#xff08;增加列&#xff0c;删除列&#xff0c;修改列&#xff1b;增加&#xff0c;删除&#xff0c;修改列的默认值&#xff09; 增加列&#xff0c;删除列&#xff0c;修改列 1、修改列的数据类型 alter table patient modify column mood int2、修改列名 …

Python可视化库matplotlib(基础整理)

https://blog.csdn.net/weixin_39777626/article/details/78598346 绘制基本曲线使用plot函数绘制函数曲线&#xff0c;可以调整plot函数参数配置曲线样式、粗细、颜色、标记等设置坐标轴(1.)spines移动坐标轴(2.)xlim方法设置坐标轴刻度取值范围(3.)xticks,yticks方法设置x,y轴…

GROUP BY和HAVING用法介绍

一、group by 和 having 1、满足“SELECT子句中的列名必须为分组列或列函数”&#xff0c;因为SELECT有group by中包含的列 2、having必须和group by一起用&#xff0c;且在group by后面 3、group by、having、order by的使用顺序&#xff1a;group by 、having、order by …

马蜂窝推荐系统容灾缓存服务的设计与实现

数据库突然断开连接、第三方接口迟迟不返回结果、高峰期网络发生抖动...... 当程序突发异常时&#xff0c;我们的应用可以告诉调用方或者用户「对不起&#xff0c;服务器出了点问题」&#xff1b;或者找到更好的方式&#xff0c;达到提升用户体验的目的。 一、背景 用户在马蜂窝…

1、两数之和

1、两数之和 难度简单9226收藏分享切换为英文关注反馈 给定一个整数数组 nums 和一个目标值 target&#xff0c;请你在该数组中找出和为目标值的那 两个 整数&#xff0c;并返回他们的数组下标。 你可以假设每种输入只会对应一个答案。但是&#xff0c;数组中同一个元素不能…

Yii 2.0 GII 访问404错误

网上大部分都是普通的开启和配置资料 按照网上资料配置 访问localhost/index/php?rgii 总是提示404错误 解决方法如下&#xff1a; Yii基础版中的 web.php 代码如下 if (YII_ENV_DEV) {// configuration adjustments for dev environment$config[bootstrap][] debug;$config…

云监控指标介绍

监控指标含义MySQL的总连接数 允许同时连接DB的客户端的最大线程数 已经创建的连接数 Threads_created是为处理连接而创建的线程数 已经连接的连接数 Thread_connected当前打开的连接数 活跃连接数 Threads_running官方说法“没有sleep的线程数”。激活的连接数&#xff…

Vivado Bit文件压缩

前言 Vivado编译生成的Bit文件太大&#xff0c;想要小一点该咋办呢&#xff1f;那么就需要给bit文件瘦身。 流程 直接在约束文件xdc中添加下述语句即可&#xff1a; set_property BITSTREAM.GENERAL.COMPRESS TRUE [current_design] 未压缩前 压缩后 根据工程不同&#xff0c;还…

Mac安装webpack步骤,失败npm ERR! Error: EACCES: permission denied, access,亲测有效

安装webpack步骤 Mac在终端先获取root权限 在mac下依赖包要写入系统重要文件夹里&#xff0c;由于没有先获取root权限所以写入失败&#xff0c;导致安装失败。失败显示&#xff1a; npm ERR! code EACCES npm ERR! syscall access npm ERR! path /usr/local/lib/node_modules…

iview -- vue modal 显示到最顶层 层级

给想要显示到顶层的modal 设置class属性 .my-modal-parent {position: fixed; // 浮动z-index: 999999; } 转载于:https://www.cnblogs.com/mafeng/p/10885471.html

Mac安装webpack报错gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1解决

安装webpack &#xff0c;报错提示 gyp ERR! configure error gyp ERR! stack Error: gyp failed with exit code: 1 gyp ERR! stack at ChildProcess.onCpExit (/usr/local/lib/node_modules/cnpm/node_modules/node-gyp/lib/configure.js:345:16) gyp ERR! stack a…