watch-监视对象数据的变化（2）

时间：2018-08-26 18:25:10 阅读：153 评论：0 收藏：0 [点我收藏+]

//html准备

　　<span v-show="isError">用户名长度为 6~12 个字符</span>

　　<p>

　　</p>

</div>

// 监视的对象一定是data里的对象

data: {　　

　　user: {

　　　　userName: ‘‘,

　　　　age: 19

　　}

// 监视对象里的每一个数据的变化

watch: {

　　// 对象中任意一个属性变化了, 就触发下面的 handler 函数

　　// 数据变化时要执行的函数

　　user：{

　　　　handler (curVal, oldVal) {

　　　　　　if (curVal.userName.length < 6 || curVal.userName.length > 12) {

　　　　　　　　this.isError = true

　　　　　　} else {

　　　　　　　　this.isError = false

　　　　　　}

　　// 深度监听, 只要对象中属性变化了, 那么设置为true, 就可以监视到对象的变化了

　　deep: true,

　　// 立即去触发一次监视

　　immediate：true

　}

// 监视对象里的一个属性的变化

vatch: {

　　‘user.age‘ (curVal, oldVal) {

　　}

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

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行