首頁 >web前端 >js教程 >vue中watch的用法實例(監聽物件、資料連動)

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

不言
不言原創
2018-08-16 11:12:312746瀏覽

這篇文章帶給大家的內容是關於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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn