如何添加类窗口调整大小方法vuejs2

如何添加类窗口调整大小方法vuejs2,vuejs2,Vuejs2,我想在用户调整窗口大小并达到特定宽度时向div添加一个类 这是我的密码 mounted() { window.addEventListener('resize', this.handleWindowResize); }, methods: { handleWindowResize() { this.windowWidth = event.currentTarget.innerWidth; }, } 在这之后我不确定。接下来我应该做什么?请参见示例: <script&g

我想在用户调整窗口大小并达到特定宽度时向div添加一个类

这是我的密码

mounted() {
  window.addEventListener('resize', this.handleWindowResize);
},

methods: {
  handleWindowResize() {
   this.windowWidth = event.currentTarget.innerWidth;
  },
}
在这之后我不确定。接下来我应该做什么?

请参见示例:

<script>
export default {
  mounted: function () {
    window.addEventListener('resize', this.handleResize)
  },
  methods: {
    handleResize () {
      let el = document.querySelector('.class-anchor')
      if (window.innerWidth < 1024) {
        el.classList.add('you-class')
      } else {
        el.classList.remove('you-class')
      }
    }
  }
}
</script>

导出默认值{
挂载:函数(){
window.addEventListener('resize',this.handleResize)
},
方法:{
handleResize(){
设el=document.querySelector('.class-anchor'))
如果(window.innerWidth<1024){
el.classList.add('you-class')
}否则{
el.classList.remove('you-class')
}
}
}
}