vuestore大小
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vuestore大小相关的知识，希望对你有一定的参考价值。
参考技术A Copyright © 1999-2020, CSDN.NET, All Rights Reserved

打开APP



hsany330
关注
vue 监听store的值变化并重置界面大小 转载
2021-04-29 09:00:25

hsany330 
码龄16年
关注
监听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)
以上是关于vuestore大小的主要内容，如果未能解决你的问题，请参考以下文章