vue中watch的用法實例（監聽物件、資料連動）

這篇文章帶給大家的內容是關於vue中watch的用法實例（監聽物件、資料連動），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

當物件內的某一個元素發生變化，判斷物件另一元素，並進行賦值

<template>
　　<input type="text" v-model="a.a1.a12"/>{{a.a1.a12}}
　　<input type="text" v-model="a.a2.a22"/>{{a.a2.a22}}
</template>
<script>
　　data(){
　　　　retrun{
　　　　　　a:{
　　　　　　　　a1:{
　　　　　　　　　　a12:12
　　　　　　　　},
　　　　　　　　a2:{
　　　　　　　　　　a22:15
　　　　　　　　}
　　　　　　}
　　},
　　watch:{
　　　　a:{
　　　　　　handler(val.oldval){
　　　　　　　　if(val.a1.a12<val.a2.a22){
　　　　　　　　　　val.a2.a22=val.a1.a12;
　　　　　　　　}
　　　　　　},
　　　　　　deep:true
　　　　}
　　}
</script>

相關推薦：

Vue資料監聽方法watch的使用_vue.js

vue中有關資料監聽與資料互動的小例子

#

以上是vue中watch的用法實例（監聽物件、資料連動）的詳細內容。更多資訊請關注PHP中文網其他相關文章！