Vue JS视图层未更新

Posted 2023-02-22

【中文标题】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>