<template>
<div>
<div>child:</div>
<div>修改前:{{oldUser}} 修改后:{{user}}</div>
</div>
</template>
<script>
export default {
name: 'child',
props: ['user'],
data () {
return {
oldUser: {}
}
},
// 缓存 userInfo
computed: {
userInfo () {
return { ...this.user }
}
},
watch: {
userInfo: {
handler (val, oldVal) {
this.oldUser = oldVal || val
},
deep: true,
immediate: true
}
}
}
</script>
vue的watch监听引用类型数据失败的解决办法
最新推荐文章于 2024-01-09 10:46:54 发布