欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue刷新修改頁面中數(shù)據(jù)的方法

 更新時間：2018年09月16日 09:21:00   作者：香香爹  
今天小編就為大家分享一篇Vue刷新修改頁面中數(shù)據(jù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

因為Vue對象一旦生成之后,如果只是修改Vue對象中的數(shù)據(jù),在頁面上是不會自動更新的,得用Vue.set()函數(shù)來進行修改,函數(shù)格式為Vue.set(data,'para','value'),其中data為Vue創(chuàng)建時傳輸?shù)膁ata對象名,后面兩個參數(shù)分別是data對象中的變量名稱與值

頁面初始化代碼：

<script type="text/javascript" charset="utf-8">
	mui.init();
	var data = {
		dx: 1400,
		wcyj: 0,
		jj: 0,
		tcbl: 0,
		tcje: 0,
		total: 0
	};
	$(document).ready(function() {
 
		var v = new Vue({
			el: '#result',
			data: data
		})
	})
</script>

需要用js對Vue模板中的變量進行修改的代碼：

<script type="text/javascript">
	function calc() {
		$("#result").show();
		yj = $("#yeji").val();
		Vue.set(data, 'wcyj', yj);
		if(yj < 40000) {
			Vue.set(data, 'tcbl', 0.04);
			Vue.set(data, 'jj', 0);
		} else if(yj < 80000) {
			Vue.set(data, 'tcbl', 0.05);
			Vue.set(data, 'jj', 400);
		} else if(yj < 120000) {
			Vue.set(data, 'tcbl', 0.06);
			Vue.set(data, 'jj', 1000);
		} else {
			Vue.set(data, 'tcbl', 0.07);
			Vue.set(data, 'jj', 1500);
		}
		data.tcje = (yj * data.tcbl).toFixed(1);
		data.total = (parseFloat(data.tcje) + parseFloat(data.dx) + parseFloat(data.jj));
	}
 
</script>

以上這篇Vue刷新修改頁面中數(shù)據(jù)的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關文章

最新評論