data(){ return { screenWidth: document.body.clientWidth } }, mounted() { //监听浏览器大小 let that = this; window.addEventListener("resize", function() { return (() => { window.screenWidth = document.body.clientWidth; that.screenWidth = window.screenWidth; console.log("that.screenWidth", that.screenWidth); })(); }); }, watch: { //防止因为频繁触发 resize 函数,导致页面很卡的问题 screenWidth(val) { if (!this.timer) { this.screenWidth = val; this.timer = true; let that = this; setTimeout(function() { that.reload(); that.timer = false; }, 400); } } }
react如何利用addEventListener监听关闭Modal弹框
上面是“vuejs监听当前浏览器大小执行”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_1801.html
workflows工作流
- 小丑鱼马林在鱼缸里游来游去ComfyUI工作流
- 金属埃及人ComfyUI工作流
- 一个十几岁的美国女孩穿着黄色连帽衫在黑暗和空虚的背景下闲逛
- 树上挂着一只表情可爱的香蕉ComfyUI工作流二
- 雪地里一只可爱的小老虎
- 一只可爱的快乐老鼠戴着帽子ComfyUI工作流
- 一条赤壁龙从蛋中孵化出来ComfyUI工作流
- 一个人一条船一条鱼ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!