Vue JS视图层未更新

Posted

技术标签:

【中文标题】Vue JS视图层未更新【英文标题】:Vue JS View layer not updating 【发布时间】:2015-06-20 17:06:43 【问题描述】:
$(function()
var app = new Vue(
      el:"#app",
      data: 
        testData: globalObj
      
    );
);


html: 

<div id="app">
  <span v-text="globalObj.value"></span>
</div>

globalObj 会根据在不同页面上选择的选项而变化。数据在应用程序的初始加载时正确更新,但是当我更改另一个页面上的选项(更新globalObj)时,视图中的值不会更新。当我在控制台中隐式设置/更改globalObj.value 时,我还能够更新视图。有没有人遇到过这个问题?

【问题讨论】:

你的大括号和括号不匹配 当您说“不同的页面”时——您是指不同的 HTML 窗口吗? javascript 变量不在窗口之间共享。 【参考方案1】:

聚会有点晚了,但你应该参考testData

<span v-text="testData.value"></span>

【讨论】:

以上是关于Vue JS视图层未更新的主要内容,如果未能解决你的问题,请参考以下文章

在商店Vue js中更新后视图没有更新

相机预览层未显示

vue2.0的数据改变了,怎么视图没变化

在JS中数组内部值的变化不触发视图更新的浅谈

vue双向绑定的原理

ASP.NET MVC 主视图引用的js(jquery)在分部视图中无效,如何解决?