如何刷新vue.js改变数据的方法

这篇文章给大家分享的是有关如何刷新vue.js改变数据的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

刷新vue.js改变数据的方法:用【Vue.set()】函数来进行修改,函数格式为【Vue.set(数据,& # 39;帕拉# 39;,& # 39;价值# 39;)】,其中数据为Vue创建时传输的数据对象名。

<>强刷新vue.js改变数据的方法:

因为Vue对象一旦生成之后,如果只是修改Vue对象中的数据,在页面上是不会自动更新的,得用Vue.set()函数来进行修改,函数格式为<代码> Vue.set(数据,& # 39;帕拉# 39;,& # 39;价值# 39;)>

页面初始化代码:

& lt;脚本类型=拔谋?javascript"charset=皍tf-8"比; 　　mui.init (); 　　var data={ 　　dx: 1400, 　　wcyj: 0, 　　jj: 0, 　　tcbl: 0, 　　tcje: 0, 　　总:0 　　}; 　　$(文档)时函数(){ 　　 　　Vue ({var v=新 　　艾尔:& # 39;#结果# 39; 　　数据:数据 　　}) 　　}) 　　& lt;/script>

需要用js对Vue模板中的变量进行修改的代码:

& lt;脚本类型=拔谋?javascript"比; 　　函数calc () { 　　$ (“# result"),告诉(); 　　yj=$ (“# yeji") .val (); 　　Vue。集(数据& # 39;wcyj& # 39;, yj); 　　如果(yj & lt;40000){ 　　Vue。集(数据& # 39;tcbl& # 39;, 0.04); 　　Vue。集(数据& # 39;jj # 39;, 0); 　　}else if (yj & lt;80000){ 　　Vue。集(数据& # 39;tcbl& # 39;, 0.05); 　　Vue。集(数据& # 39;jj # 39;, 400); 　　}else if (yj & lt;120000){ 　　Vue。集(数据& # 39;tcbl& # 39;, 0.06); 　　Vue。集(数据& # 39;jj # 39;, 1000); 　　其他}{ 　　Vue。集(数据& # 39;tcbl& # 39;, 0.07); 　　Vue。集(数据& # 39;jj # 39;, 1500); 　　} 　　数据。tcje=(yj * data.tcbl) .toFixed (1); 　　数据。总=(parseFloat (data.tcje) + parseFloat (data.dx) + parseFloat (data.jj)); 　　} 　　 　　& lt;/script>

感谢各位的阅读!关于如何刷新vue.js改变数据的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!

如何刷新vue.js改变数据的方法