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。。。