vue.js 如何在窗口发生变化时获取窗口大小

  methods: {

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

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

Vue.js相关问答推荐

元素不会对react 性props 的更改做出react

Nuxt 和 Vite 有什么区别？

vite - 具有相对assets资源 路径的子页面

手动触发对观察到的对象/数组的更新

如何对将 DOM 元素附加到 HTML 正文的 Vue 组件进行单元测试？

带有热重载的 docker 容器上的 Vue.js 应用程序

在重复内容区域中添加

使用 Vue.js 和 Jest 进行 URL 重定向测试

使用 v-slot：body 时 Vuetify v-data-table 没有响应

Vuetify v-data-table ，如何在 HTML 中呈现标题文本？

如何修复跨域读取阻塞 (CORB) 阻止了 MIME 类型应用程序/json 的跨域响应问题？

Vue&TypeScript：在项目目录外的 TypeScript 组件中实现导入时如何避免错误 TS2345？

Vuetify 输入自动完成错误

在 v-for 循环中使用 v-model

删除一行后刷新 Bootstrap-Vue 表

如何从 v-for 创建的对象中绑定多个类？

加载时焦点文本框上的 Vue.js

在路由更改之前显示确认对话框

Vuetify - 如何进行分页？

laravel vuejs/axios put request Formdata 为空