javascript - Vue JS - 如何在窗口大小发生变化时获取窗口大小

Question

我是 vuejs 的新手，但每当我尝试获取窗口大小时 调整它的大小，以便我可以将它与某个函数的值进行比较，我 需要根据屏幕尺寸申请。我也尝试使用 观察属性(property)但不确定如何处理它，所以这可能是它不起作用的原因

  methods: {

    elem() {
     this.size = window.innerWidth;
     return this.size;
   },
  mounted() {
    if (this.elem < 767){ //some code }
   }

Answer 1

将此代码放入您的 Vue 组件中:

created() {
  window.addEventListener("resize", this.myEventHandler);
},
destroyed() {
  window.removeEventListener("resize", this.myEventHandler);
},
methods: {
  myEventHandler(e) {
    // your code for handling resize...
  }
}

这将在创建组件时注册您的 Vue 方法，在调整浏览器窗口大小时触发 myEventHandler，并在销毁组件后释放内存。