如何在Vuejs中更新数据?

时间:2018-07-27 10:31:29

标签: javascript vue.js vuejs2

我想在模式中显示更新的数据。下面有一个单击功能可触发测试(数据)功能。 数据直接在函数中输出。但是,该模板似乎没有更新,它仍显示以前的数据。我怎样才能解决这个问题?

脚本:

 function testing(data) {
   const testingLink = new Vue ({
     el: '#test',
     data: { selected: data }, 
     methods: {
       showDialog: function() { $("#test).modal() }
     }
  })
  testingLink.showDialog()   
 }

1 个答案:

答案 0 :(得分:0)

您不应在可重复功能中创建Vue实例 按以下方式尝试:

   const testingLink = new Vue ({
     el: '#test',
     data: { selected: null }, 
     methods: {
       showDialog: function(data) { 
          this.selected = data
          $("#test").modal() 
       }
     }
   })

testingLink.showDialog(YOUR_DATA_YOU_WANT_TO_PASS)