我正在观看 vuetify 宽度变化，但重新加载并没有保持宽度答案

【问题标题】：Im watching vuetify width change but reload is not keeping the width我正在观看 vuetify 宽度变化，但重新加载并没有保持宽度
【发布时间】：2021-06-25 03:23:29
【问题描述】：

你好。我有一个问题，我的应用正在监视 this.$vuetify.breakpoint.width 属性并更新子菜单中使用的值。

计算：

  computed: {
    width() {
      return this.$vuetify.breakpoint.width
    },
  },

Watch: 
  watch: {
    width() {
      this.setSubMenuWidth()
    },
  },

setSubMenuWidth() {
    this.subMenuWidth = this.$vuetify.breakpoint.width
    this.$refs.submenu.style.width = this.subMenuWidth + 'px'
}

调整大小有效，但重新加载后更改丢失。

【问题讨论】：

标签： vue.js

【解决方案1】：

似乎一切正常。你所要做的就是在页面加载或重新加载后使用mounted来运行该方法。

  mounted() {
    this.setSubMenuWidth()
  },

编辑：我建议你检查一下：https://vuejs.org/v2/guide/instance.html#Lifecycle-Diagram

Vue有生命周期，看看吧。

【讨论】：