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工作流
- 未来椅子3D产品ComfyUI工作流
- 1个很漂亮的单身小女孩ComfyUI工作流
- 一尊白玉猴王ComfyUI工作流
- 一只躲在一堆秋叶里的小刺猬
- 一个外国人在吹奏萨克斯ComfyUI工作流
- 冬天的严寒里红梅枝上停留着一只鸟
- 一位漂亮的女人坐在樱花树旁
- 梦幻向日葵ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!