溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
因為Vue對象一旦生成之后,如果只是修改Vue對象中的數據,在頁面上是不會自動更新的,得用Vue.set()函數來進行修改,函數格式為Vue.set(data,'para','value'),其中data為Vue創建時傳輸的data對象名,后面兩個參數分別是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刷新修改頁面中數據的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
