vue通过watch监听属性变化

责编:menVScode 2017-12-14 0:09 阅读(1140)

属性监听:vue中通过watch监听某个变量,每当这个变量发生改变的时候,去执行某些操作。

export default {
    data(){
        return {            current:''        }
    },
    watch:{
        current:function(val,oldVal){
            console.log(val+'--'+oldVal)
        }
    }
    methods:{ }
}

watch:{ },它的key就是所要监听的变量,它的值就是一个函数。函数有两个参数:新值、旧值。


使用watch监听一个对象中的属性

 data: {
     name: '',
     age: 18,
     time: [],
 }

1、如果要监听data,可以这么写:

watch: {
     data: {
         handler: function() {
            //do something
         },
         deep: true
     }
}

2、如果要监听data某个属性

watch: {
     'data.name': {
         handler: function() {
            //do something
         },
     }
}


监听属性的其他文章

        watch监听$route路由信息对象:http://menvscode.com/detail/5a24e74e10c98d0e654c1bc7

        watch深度监听数据:http://www.menvscode.com/detail/5a00766510c98d0e654c1ba3

标签: watch vue
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码