vue2.0中set添加属性后视图不能更新的解决办法

作者:顾东城 时间:2024-04-28 10:55:18 

今天在工作中遇到一个问题,郁闷了很久,特地写一篇博客记录一下,方便以后再遇到可以查找,也分享个各位小伙伴,在网上查找很多资料说用Vue.$set设置属性后视图也会更新,但是真相并不是这样,通过等于号赋值和$set方法我都试了,前台属性值改变但是视图并没有改变,下面上图:

vue2.0中set添加属性后视图不能更新的解决办法

我需要做的就是下面的Email和Fax属性的值从第一排的输入框用户输入获取,但是输入过后下面的文本框的值并为发生变化,在浏览器console却发现值已经改变了,这让我很郁闷,网上搜了一堆答案都没有解决,后面查看vue官网有个delete方法,如果我先把这个属性delete再重新set是否可以,如图:

vue2.0中set添加属性后视图不能更新的解决办法

图1.第一排控件的代码

vue2.0中set添加属性后视图不能更新的解决办法

 图2.第一排控件方法代码

vue2.0中set添加属性后视图不能更新的解决办法

图3.最终解决代码

好啦 今天就写到这 希望能帮到你们 博客仅为日常学习和交流使用 如有不正确的地方 请指正

来源:https://www.cnblogs.com/gudongcheng/p/9166744.html

标签:vue2.0,set
0
投稿

猜你喜欢

  • 解决Tkinter中button按钮未按却主动执行command函数的问题

    2023-05-04 18:38:08
  • python手机号前7位归属地爬虫代码实例

    2021-01-23 05:20:34
  • Golang初始化MySQL数据库方法浅析

    2024-01-16 23:49:20
  • pycharm中创建sql文件及模板的过程

    2021-10-01 14:50:51
  • python类共享变量操作

    2021-10-21 02:16:32
  • Python3使用pandas模块读写excel操作示例

    2021-06-30 16:34:47
  • mysql数据库索引损坏及修复经验分享

    2024-01-16 11:22:43
  • 解决mybatis 数据库date 与 java中Date类型映射问题

    2024-01-23 04:59:05
  • 制作Python数字华容道的实现(可选择关卡)

    2022-12-20 19:32:18
  • 基于OpenCV的摄像头测距的实现示例

    2022-03-26 05:29:20
  • Python的Tornado Web框架深入解析

    2021-11-28 03:14:51
  • asp数组使用特法

    2009-05-11 12:43:00
  • django实现分页的方法

    2023-07-04 02:57:44
  • ASP 生成静态新闻列表

    2009-03-03 12:25:00
  • 浅谈Python中的数据类型

    2022-11-29 06:19:22
  • 设计稿标注首屏线的确定始末

    2011-03-30 12:36:00
  • python读写文件操作示例程序

    2021-04-03 13:09:49
  • [Oracle] Data Guard CPU/PSU补丁安装详细教程

    2024-01-26 05:48:21
  • JS实现在线ps功能详解

    2024-05-13 09:19:02
  • JavaScript前端学算法题解LeetCode最大重复子字符串

    2024-05-21 10:21:00
  • asp之家 网络编程 m.aspxhome.com