Question

您好，我正在获取2018年正在加载的页面加载数据。如果我选择其他年份，然后单击“更新”，则我的应用程序中的2019年值未更新。

看来vue无法正确呈现。有什么方法可以渲染这个。

var vm = new Vue({
  el: '#app',
  data: {
    dispData: {}
  },
  methods: {
    // this selYr will be passed as 2019 on button click
    initReport: function(selYr) {
      if (selYr == 2019) {
        this.dispData = JSON.parse(table_Data.getPageData2019);
      }
      else {
        this.dispData = JSON.parse(table_Data.getPageData2018); 
      }
  }
});

Answer 1

由于它是json数据且未绑定值，因此您可能必须使用vm.$set来更新数据。

例如：

vm.$set(this,'dispData',JSON.parse(table_Data.getPageData2019));

Answer 2

收到@terry反馈后，我意识到这无关紧要，我整理了一个处理数据的简单示例。也许尝试将您的数据插入其中，看看它是否有效？

https://codesandbox.io/s/ry194p818o

更新数据属性无法在vue.js中单击按钮

2 个答案: