编程 Javascript

vue vantUI tab切换时 list组件不触发load事件的问题及解决方法

Posted in Javascript onFebruary 14, 2020

最近由于公司项目需要，用vue写了几个简单的页面。用到了vantUI

List 列表

瀑布流滚动加载，用于控制长列表的展示当列表即将滚动到底部时，会触发事件并加载更多列表项。

（页面加载完成后默认会自动加载一次，可以:immediate-check="false"

这样设置一下，页面加载完成后就不会自动加载一次了

）

vue vantUI tab切换时 list组件不触发load事件的问题及解决方法

看上去一切都很美好；但是tab进行切换的时候，list组件的load事件不会再次被触发！！！就是list组件做上拉加载只有在第一个tab会触发，切换后触底不会再次触发

解决办法：

初始化定义了list的加载状态

vue vantUI tab切换时 list组件不触发load事件的问题及解决方法

tab切换时；重新初始化一次就行了

vue vantUI tab切换时 list组件不触发load事件的问题及解决方法

这样就解决了tab切换list组件不能再次被触发的问题

总结

以上所述是小编给大家介绍的vue vantUI tab切换时 list组件不触发load事件的问题及解决方法，希望对大家有所帮助！

vue vantUI tab切换时 list组件不触发load事件的问题及解决方法

- Author -

雨天呐

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript XML数据显示为HTML一例

Dec 23 Javascript

一个简单的jquery的多选下拉框(自写)

May 05 Javascript

js实现DOM走马灯特效的方法

Jan 21 Javascript

window.onerror()的用法与实例分析

Jan 27 Javascript

Backbone.js框架中简单的View视图编写学习笔记

Feb 14 Javascript

jQuery向父辈遍历的简单方法

Sep 18 Javascript

JS实现倒计时(天数、时、分、秒)

Nov 16 Javascript

详解微信小程序开发—你期待的分享功能来了，微信小程序序新增5大功能

Dec 23 Javascript

Vue-cli proxyTable 解决开发环境的跨域问题详解

May 18 Javascript

基于滚动条位置判断的简单实例

Dec 14 Javascript

微信小程序生成海报分享朋友圈的实现方法

May 06 Javascript

JavaScript实现Tab标签页切换的最简便方式(4种)

Jun 28 Javascript

node.js中npm包管理工具用法分析

Feb 14 #Javascript

vue-cli创建的项目中的gitHooks原理解析

Feb 14 #Javascript

基于vue的tab-list类目切换商品列表组件的示例代码

Feb 14 #Javascript

bootstrap-paginator服务器端分页使用方法详解

Feb 13 #Javascript

JavaScript实现Tab选项卡切换

Feb 13 #Javascript

Angular 多模块项目构建过程

Feb 13 #Javascript

小程序卡片切换效果组件wxCardSwiper的实现

Feb 13 #Javascript

You might like

jQuery+php简单实现全选删除的方法

2016/11/28 PHP

使用Laravel中的查询构造器实现增删改查功能

2019/09/03 PHP

在IE模态窗口中自由查看HTML源码的方法

2007/03/08 Javascript

javascript模拟select,jselect的方法实现

2012/11/08 Javascript

JS和jquery获取各种屏幕的宽度和高度的代码

2013/08/02 Javascript

javascript简单实现命名空间效果

2014/03/06 Javascript

JQuery仿小米手机抢购页面倒计时效果

2014/12/16 Javascript

jQuery实现表格展开与折叠的方法

2015/05/04 Javascript

使用jQuery加载html页面到指定的div实现方法

2016/07/13 Javascript

只要1K 纯JS脚本送你一朵3D红色玫瑰

2016/08/09 Javascript

jQuery 全选全部选反选实现代码

2016/08/17 Javascript

详解jQuery停止动画——stop()方法的使用

2016/12/14 Javascript

jQuery自定义插件详解及实例代码

2016/12/29 Javascript

详解在Vue中通过自定义指令获取dom元素

2017/03/04 Javascript

Bootstrap警告框（Alert）插件使用方法

2017/03/21 Javascript

jQuery简单实现对数组去重及排序操作实例

2017/10/31 jQuery

详谈js中标准for循环与foreach(for in)的区别

2017/11/02 Javascript

vue bus全局事件中心简单Demo详解

2018/02/26 Javascript

浅谈React高阶组件

2018/03/28 Javascript

对mac下nodejs 更新到最新版本的最新方法(推荐)

2018/05/17 NodeJs

jQuery实现经典的网页3D轮播图封装功能【附源码下载】

2019/02/15 jQuery

JavaScript如何把两个数组对象合并过程解析

2019/10/10 Javascript

[02:03]DOTA2亚洲邀请赛 HGT战队出场宣传片

2015/02/07 DOTA

python实现飞机大战

2018/09/11 Python

面向初学者的Python编辑器Mu

2018/10/08 Python

python: 判断tuple、list、dict是否为空的方法

2018/10/22 Python

pyqt5 删除layout中的所有widget方法

2019/06/25 Python

英国优质家居用品网上品牌：URBANARA

2018/06/01 全球购物

.NET程序员的数据库面试题

2012/10/10 面试题

服务中心夜班服务员岗位职责

2013/11/27 职场文书

自动化职业生涯规划书范文

2014/01/03 职场文书

文明宿舍获奖感言

2014/02/07 职场文书

遗体告别仪式主持词

2014/03/20 职场文书

团日活动总结格式

2015/05/11 职场文书

2015年卫生监督工作总结

2015/05/21 职场文书

信息技术远程培训心得体会

2016/01/09 职场文书