标签：console newName app 绑定 watch uni true 监听

1、普通监听（无法监听到第一次绑定的变化）

<input type="text" v-model="userName"/>  
//监听   当userName值发生变化时触发
watch: {
    userName (newName, oldName) {
        console.log(newName)
    }
}

2、普通监听（可监听到第一次绑定的变化）

第一种方式有一个缺点 就是当值第一次绑定的时候 不会执行监听函数，，只有当值改变的时候 才会执行，如果想在第一次绑定的时候执行此监听函数，则需要设置 immediate为true，代码如下：

<input type="text" v-model="userName"/>  
watch: {
    userName: {
        handler (newName, oldName) {
            console.log(newName)
        },
        immediate: true
    }
}

3、深度监听（可监听对象内属性变化）

<input type="text" v-model="cityName.name" />
data (){
    return {
        cityName: {name:'北京'}
    }
},
watch: {
    cityName: {
        handler(newName, oldName) {
            console.log(newName)
        },
        immediate: true,
        deep: true
    }
}

到此 uni-app watch事件监听三种用法介绍完成。

标签：console,newName,app,绑定,watch,uni,true,监听
来源： https://blog.csdn.net/qq_19734597/article/details/117592249

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。