1. 程式人生 > >watch-監視數據的變化(1)

watch-監視數據的變化(1)

ack -c true round lse put 表示 user 長度

//html準備

<div id="app">   <label for="userName">用戶名:</label>   <input type="text" id="userName" v-model="userName">   <span v-show="isError">用戶名長度為 6~12 個字符</span> </div>

// 監視的數據一定是data裏的數據

data: {   userName: ‘‘,   isError: false },

// 監視數據

watch: {   // 只要監視的數據變化了,那麽這個函數就會被調用
  userName(curVal, oldVal) {     // curVal 表示最新值     // oldVal 表示上一次的值     if (curVal.length < 6 || curVal.length > 12) {       this.isError = true     } else {       this.isError = false    }   }  }

watch-監視數據的變化(1)