Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/nginx/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Vuejs中更新数据?_Javascript_Vue.js_Vuejs2 - Fatal编程技术网

Javascript 如何在Vuejs中更新数据?

Javascript 如何在Vuejs中更新数据?,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我想在模式中显示更新的数据。有一个点击功能,触发下面的测试(数据)功能。 数据正好在函数中显示出来。但是,模板似乎没有更新,它仍然显示以前的数据。我怎样才能解决这个问题 脚本: function testing(data) { const testingLink = new Vue ({ el: '#test', data: { selected: data }, methods: { showDialog: function() { $("

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

脚本:

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

您不应该在可重复的函数中创建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) 

如果您计划使用vue和bootstrap,我强烈建议您使用bootstrap vue。通常,您可以通过将数据从false更改为true,然后再更改为true,使模式在数据和触发器中显示或不显示布尔值。。bootstrap vue将使您更轻松。通常,如果您已经在使用vue,那么可以避免使用jQuery。。。