【问题标题】:VueJs - Add class on window resizeVueJs - 在窗口调整大小时添加类
【发布时间】:2018-05-09 09:02:13
【问题描述】:

使用Vuejs,根据浏览器窗口大小添加和删除类的正确方法是什么?

我一直在研究“v-transitions”,但是,我遇到的所有示例都使用了点击事件。

【问题讨论】:

    标签: javascript vue.js responsive


    【解决方案1】:

    我认为最好的选择是在已安装的组件上添加本机窗口事件侦听器,并根据尺寸管理类。
    然后,您可以在模板中使用 :class="..." 绑定 (https://vuejs.org/v2/guide/class-and-style.html) 并在那里传递一个类数组。
    看看这个小提琴的一个非常接近的例子https://jsfiddle.net/hr77p7qb/3/

    【讨论】:

    • 为什么要对窗口调整大小做出反应?你在做响应式应用吗?
    • 是的,我是。我想在我的左侧菜单中添加一个用于动画目的的类
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-05-15
    • 2012-08-02
    • 2020-09-10
    • 1970-01-01
    相关资源
    最近更新 更多