Question

我抓住这个JSON对象并将其传递给这个Vue。但是，它没有在我的页面上更新，但是对象就在那里，因为window.alert（jobj.Name）工作正常。这是我的观点和观点。

var app2 = new Vue({
el: '#menuPage',

data: {
    HeaderTitle: 'NOT CHANGED',
    content_body: 'test body',
},
methods: {
    loadMENU: function (jobj) {

        app2 = this;
        window.location.href = "tools/menu.html"; //relative to domain

        window.alert(jobj.Name);
        this.HeaderTitle = jobj.Name;

    }
} }); 




  <div id="menuPage">{{HeaderTitle}}</div>

它只显示“未更改”而不是对象名称。

Answer 1

您没有调用该方法。您应该使用按钮来触发该方法。

html

<div id="menuPage">{{HeaderTitle}}
  <button v-on:click="loadMENU">button</button>
</div>

的javascript

var app2 = new Vue({
el: '#menuPage',

data: {
    HeaderTitle: 'NOT CHANGED',
    content_body: 'test body',
},
methods: {
    loadMENU: function () {

        app2 = this;
        const herf = window.location.href; 
        window.alert(herf);
        this.HeaderTitle = herf;

    }
} });

Vue Js未从JSON更新

1 个答案: