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

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