业务场景:后台管理系统中,侧边栏展开收缩动态改变页面中地图的尺寸,其中控制其展开收起的数据如下:其中opened控制展开隐藏
{
device: "desktop",
sidebar: {
hide: false,
opened: true,
withoutAnimation: false,
},
size: "medium"
}
目的:实现监听以上的整个对象(数据存放在 vuex中)
import { mapState } from 'vuex'
computed: {
...mapState(['app']) // 获取整个对象
},
watch: {
app: {
handler(newValue, oldValue) {
// this.person = Object.assign({}, newValue);
console.log(newValue, 'newValue')
},
deep: true
}
},