栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Vue.js

vue 子组件懒加载功能

Vue.js 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

vue 子组件懒加载功能

懒加载功能

子组件扩展参数

参数功能
备注

WatchScroll

是否需要懒加载true必需

winHeight

父元素高度

window.screen.availHeight

必需

ScrollState

滚动监听+new Date()必需


需要父组件做处理

操作代码样例
引入子组件

                :imgs="scope.row.thumb_img"
                :resourceUrl="resourceUrl"
                :WatchScroll="true"
                :winHeight="winHeight"
                :ScrollState="ScrollState"
              >

注册子组件需要参数

ScrollState: 0,
      winHeight: 0,

引入事件监听

    window.addEventListener("scroll", this.handleScroll, true);

加入监控函数

   //滚动事件抓取
    handleScroll() {
      this.winHeight = window.screen.availHeight;
      this.ScrollState = +new Date();
    },



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/240308.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号