码迷,mamicode.com
首页 > 其他好文 > 详细

watch-监视数据的变化(1)

时间:2018-08-26 18:38:54      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:inpu   ISE   round   length   ror   NPU   变化   his   ack   

//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)

标签:inpu   ISE   round   length   ror   NPU   变化   his   ack   

原文地址:https://www.cnblogs.com/congtt/p/9537819.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!