扫码关注官方订阅号
我从侧边栏中获得了以下代码。单击任何链接时,我还会向根组件发出一个事件,然后调用一个函数来隐藏侧边栏。这运行良好,但现在我希望仅当屏幕宽度小于 768px 时才发出事件,以便仅当我想要调用该函数时才能发出事件。
Home Blog About
您可以使用window.innerWidth来检查当前视口的宽度。然而,全局范围变量在模板中不可用,因为它的范围仅限于您的组件。您可以创建一个处理程序方法:
window.innerWidth
Home
或创建一个计算变量来定义宽度是否低于阈值:
就我个人而言,我会选择第一个选项,因此您只需检查一次。
在 Vue 2 中,还建议使用 kebab-case事件名称。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
您可以使用
window.innerWidth来检查当前视口的宽度。然而,全局范围变量在模板中不可用,因为它的范围仅限于您的组件。您可以创建一个处理程序方法:或创建一个计算变量来定义宽度是否低于阈值:
就我个人而言,我会选择第一个选项,因此您只需检查一次。
在 Vue 2 中,还建议使用 kebab-case事件名称。