VIP用户交流群:462197261 收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
在线客服:78895949
tonglan
  • 当前位置:
  • Vue对象赋值视图不更新问题及解决方法

    当我们需要对vue里面data数据做动态更新。

    如下,实例化了Vue对象,其下vueData为data属性指向,现在我们需要由后台装载完整的data对象

    现在我们需要装载更新完整的data对象,常规的赋值方式并不会引起视图的更新,双向绑定会失效。

    如上图中默认broker_list为空对象,装载完之后broker_list 包含新项(ZY98)

    解决办法:

     $.each(clientData, function (k, v) {
      Vue.set(vueData,k,Object.assign({}, v));
     });

    clientData 为外部初始化的数据。

    Object.assign({}, v)克隆一个新对象赋值给vueData中相关项,设置完后依然会更新视图,保证双向绑定有效。

    总结

    以上所述是小编给大家介绍的Vue对象赋值视图不更新问题及解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对北冥有鱼网站的支持!

    您可能感兴趣的文章:

    • 解决vue 路由变化页面数据不刷新的问题
    • 解决vue中修改了数据但视图无法更新的情况
    • 解决vue更新路由router-view复用组件内容不刷新的问题
    • 详解解决Vue相同路由参数不同不会刷新的问题
    • vue视图不更新情况详解
    • vue动态路由:路由参数改变,视图不更新问题的解决

    广而告之:
    热门推荐:
    PHP7.1安装yaf扩展的方法

    把PHP命令加到系统 我的PHP安装目录是/usr/local/webserver/php,所以phpize是/usr/local/webserver/php/bin/phpize,但是考虑到以后可能会用到其他命令,所以一次把该目录下的文件都做了一个软链接 ln /usr/local/webserver/php/bin/* /usr/bin/ 下载Yaf扩展包 下载对应的扩···

    详解用vue编写弹出框组件

    前言 最近研究了用vue编写弹出框的组件,发现其实这里面的门道还是有很多的。这篇文完全是用来记录总结下最近的学习成果,同时也希望能够帮得上正在学习纠结的你~ps:本文假设你已经了解vue2.0相关框架,因此适合有一定vue2.0基础的同学阅读。 设计组件的思考 其实单纯的编写···

    JavaScript EventEmitter 背后的秘密 完整版

    什么是 Event Emitter? Event emitter 听起来只是触发一个事件,这个事件任何东西都能监听。 想象一下这样的场景,在你的异步代码中,去“呼叫”一些事件的发生,以及让你其他部分都要听到你的“呼叫”并且注册他们的想法。 为了不同的目的,对于 Event Emitter 模式有大量不···

    xml语法详解

    一、文档规则 1.区分大小写。 2.属性值必须加引号(单引号、双引号都可以),一般情况下建议使用使用双引号。 3.所有标记必须有结束符号。 4.所有空标记必须关闭。 5.必须有且仅有一根元素。 6.解析空白字符时,会按照实际内容输出,不会缩略。 7.特殊字符处理: 字符 ···

    WordPress中给媒体文件添加分类和标签的PHP功能实现

    从WordPress后台媒体库上传的媒体文件,不像文章那样可以给它指定分类和标签,但是很多时候我们又需要这样的功能,如一些下载站、图片站等。 媒体编辑页面的原始状态 很明显,在WordPress后台的媒体编辑页面,默认情况下是没有分类和标签给你选的。 给媒体文件添加分类 在当···

    vue实现自定义日期组件功能的实例代码

    实现一个日期组件,如图: components.js代码如下: Vue.component('sc-calendar',{ template:'<div class="scCalendar">' + '<div class="calendar_header">' + '<div class="prev" @click="prevMonth"> < </div>' + '<span cla···

    JAVA/JSP学习系列之三

    一、前言 对于初学者来说,要执行JSP和Servlet,Tomcat是一个很不错的选择。你也可以用Resin,这两个产品都是可以不花一分钱的。 Resin对Xml的支持是很好的。 二、下载,安装 下载地址为Resin官方站点:http://www.caucho.com/。 从这个地址可以···

    PHP全功能无变形图片裁剪操作类与用法示例

    本文实例讲述了PHP全功能无变形图片裁剪操作类与用法。分享给大家供大家参考,具体如下: 如果需要图片裁剪,或生成缩略图,这个基本上没有问题,全部需要的功能都在里面,全部都是无变形的。 这里我们划分为四种模式: 1. 任意图片裁剪到指定大小,超过的,剧中裁剪,并且最大···

    PHP添加MySQL数据记录代码

    首先建立查询页面: 复制代码 代码如下:<html>  <head>  </head>  <body>  <h3>添加记录</h3>  <form action="add_finish.php" method="POST">  员工姓名:<input type···

    帝国CMS广告JS防止被浏览器过滤的几种解决方法

    方式一(修改源文件) 修改/e/admin/tool/ListAd.php 找到页面中//生成广告js这条 把下面的 $file="../../../d/js/acmsd/".$public_r[adfile].$adid.".js"; 替换成 $file="../../../d/js/xxxx/".$public_r[adfile].$adid.".js"; 其中XXXX可以使任何文字和数字,但是不要含有AD,···