vue.js - vueJS中watch的item值拿不到老数据

问题描述

问 题

1. 我想通过vue的watch功能监听一个对象中数据的具体变化

watch: {
            'item': {
                handler: function (val, oldVal) {

                    $.each(oldVal, function (k, v) {
                        if (v != val[k])
                            console.info('变化发现：', v, val[k]);
                    })
                },
                immediate: true,
                deep: true
            }
        }

1. 绑定代码: <input type="text" v-model='item.name' / >

   • 结果发现 val 和oldVal的值都一样

   • item是一个对象

   • item是通过v-model 绑定到input上的

   • 每次更改item的值是成功调用了function的，拿到的val的值是新值，但是oldVal也是新值

解决方案

谢邀

见 warning: http://vuejs.org/api/#vm-watch

这篇关于vue.js - vueJS中watch的item值拿不到老数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！