监听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