交流群:462197261站长百科站长论坛热门标签收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
点击这里给我发消息
  • 当前位置:
  • 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动态路由:路由参数改变,视图不更新问题的解决

    广而告之:
    热门推荐:
    js canvas实现适用于移动端的百分比仪表盘dashboard

    本文为大家分享了canvas实现适用于移动端的百分比仪表盘,供大家参考,具体内容如下 由于最近工作中,经常会遇到一些动态百分比的仪表盘,一开始都是用图片样式方式实现; 但是随着越来越多的项目,决定用canvas绘制一个简易的仪表盘,便于以后项目中直接使用; 现版本只是书···

    jQuery Validate表单验证深入学习

    之前一篇文章介绍了jQuery Validate表单验证入门的基础知识,详细内容参见《jQuery Validate表单验证入门学习》,今天这篇文章深入学习jQuery Validate表单验证,以下就是文章的全部内容: 1、用其他方式替代默认的 SUBMIT $().ready(function() { $("#signupForm").validat···

    PHP 图片上传实现代码 带详细注释

    复制代码 代码如下: <?php //用户上传图片处理文件 if ((($_FILES["file"]["type"] == "image/gif")|| ($_FILES["file"]["type"] == "image/jpeg")|| ($_FILES["file"]["type"] == "image/pjpeg"))&& ($_FILES["file"]["size"] < 100000)){ //控制允许上传···

    用Oracle9ias开发无线应用程序开发者网络Oracle

    正在看的ORACLE教程是:用Oracle9ias开发无线应用程序开发者网络Oracle。 介绍:细处着手,巧处用功。高手和菜鸟之间的差别就是:高手什么都知道,菜鸟知道一些。电脑小技巧收集最新奇招高招,让你轻松踏上高手之路。   Oracle 移动服务的中心组件 Oracle Application Serv···

    web.js.字符串与正则表达式操作

    1.substring var str='abcdef'; alert(str.substring(2, 5)); //cde不包括结束位置 alert(str.substring(1));//bcdef1 2.split var str='a*b*cd*ef'; alert(str.split('*'));//分割字符1 3.search  var str='acef'; alert(str.search(‘a'));//0查找字符位置 alert(s···

    discuz 切换网页风格样式代码

    <!--{if $_G['uid'] && !empty($_G['style']['extstyle'])}--><a id="sslct" href="javascript:;">{lang changestyle}</a><!--{/if}-->

    javascript+xml技术实现分页浏览

    共有两个文件tmh.htm & tt.xml 源代码如下: tmh.htm 复制代码 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <HTML>  <HEAD>  <TITLE> Ne···

    网页排版中10种致命的语义错误

    这是来自于Steven D编写的WEB前端开发设计要点的内容。 虽然许多设计师已非常熟练的使用了Web标准,让人遗憾的是有很多细节的排版处理仍然和传统的屏幕印刷要求背道而驰。这里有10种致命的语义错误的演示,把它们公布出来以避免您在网页排版中继续使用: 1、使用连字符而不要用···

    php读取msn上的用户信息类

    <?php $msn = new myMSN("h058@test.com", "123"); // MSNv9 class myMSN { private $server = "messenger.hotmail.com"; private $port = 1863; private $nexus = "https://nexus.passport.com/rdr/pprdr.asp"; private $sshLogin = "login.live.com/login2.srf"; //···

    java安全编码指南之:Mutability可变性详解

    简介 mutable(可变)和immutable(不可变)对象是我们在java程序编写的过程中经常会使用到的。 可变类型对象就是说,对象在创建之后,其内部的数据可能会被修改。所以它的安全性没有保证。 而不可变类型对象就是说,对象一旦创建之后,其内部的数据就不能够被修改,我们可以完···