首先,定义一个变量:
(以下以本人写的为例)
首先定义一个变量:
然后,给变量赋值:
然后界面上要记得绑定数据id:
就Ok了。
因为Vue对象一旦生成之后,如果只是修改Vue对象中的数据,在页面上是不会自动更新的,得用Vue.set()函数来进行修改,函数格式为Vue.set(data,'para','value'),其中data为Vue创建时传输的data对象名,后面两个参数分别是data对象中的变量名称与值
var v = new Vue({
el: '#result',data: data
})
})
以上这篇vue 修改 data 数据问题并实时显示的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。