vue.js - vue中的检测不到对象变化

问题描述

问 题

vue父组件传一个对象给子组件，子组件中把他赋值给另一个对象，父组件中的对象改变，页面内容不更新；
还有计算属性检测的到对象的变化吗

这是子组件中的，info是父组件传过来的，把值赋给了infos，

            <div>
                <span>客户编号</span>
                <span v-if="!revise">{{info.guestNo}}</span>
                <input type="text"  v-if="revise" v-model="infos.guestNo"/>
            </div>
            

这是父组件中的另一个值allLists

            for(let i in this.allLists){
                if(this.allLists[i].id == id){
                    this.info = this.allLists[i]
                }
            }

解决方案

有些情况下，Vue确实检测不到变化，这个时候需要使用

Vue.$set 来更新数据。

这篇关于vue.js - vue中的检测不到对象变化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！