vue 监听store的值变化并重置界面大小

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-22 15:18   79   0

监听store中的数值变化,需要用到计算属性,然后watch调用resize方法
computed: {
data() {
//左侧菜单状态发生变化
return this.$store.state.app.sidebar.opened
}
},
watch: {
data(n, m) {
//重置宽高
this.resizeFun()
}
},
mounted() {
//屏幕大小发生变化
window.addEventListener('resize', () => {
this.resizeFun()
})
},
methods: {
//重置宽高
resizeFun() {
//此处引用的第三方插件,需要监听容器宽高变化,随之调用resize方法
setTimeout(() => {
this.$refs.XXX.resize()//你的逻辑
}, 200)
}
}

————————————————
版权声明:本文为CSDN博主「seasideX」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/seasidexin/article/details/112778549

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP