编程 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 相关文章推荐

用JSON做数据传输格式中的一些问题总结

Dec 21 Javascript

jQuery中clearQueue()方法用法实例

Dec 29 Javascript

JavaScript实现网站访问次数统计代码

Aug 12 Javascript

JavaScript如何调试有哪些建议和技巧附五款有用的调试工具

Oct 28 Javascript

js实现简单计算器

Nov 22 Javascript

实例讲解JavaScript中的this指向错误解决方法

Jun 13 Javascript

javascript replace()第二个参数为函数时的参数用法

Dec 26 Javascript

基于vue2.0+vuex的日期选择组件功能实现

Mar 13 Javascript

JQuery实现定时刷新功能代码

May 09 jQuery

JS实现的随机排序功能算法示例

Jun 09 Javascript

vuex直接赋值的三种方法总结

Sep 16 Javascript

JQuery+drag.js上传图片并且实现图片拖曳

Nov 18 jQuery

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

?生?D片??C字串

2006/12/06 PHP

php xml实例留言本

2009/03/20 PHP

利用php+mysql来做一个功能强大的在线计算器

2010/10/12 PHP

Pain 全世界最小最简单的PHP模板引擎 (普通版)

2011/10/23 PHP

php+ajax实现商品对比功能示例

2019/04/13 PHP

PHP之多条件混合筛选功能的实现方法

2019/10/09 PHP

Jquery实战_读书笔记1—选择jQuery

2010/01/22 Javascript

window.event.keyCode兼容IE和Firefox实现js代码

2013/05/30 Javascript

JS实现的通用表单验证插件完整实例

2015/08/20 Javascript

在JavaScript中使用JSON数据

2016/02/15 Javascript

浅谈js基本数据类型和typeof

2016/08/09 Javascript

ionic中列表项增加和删除的实现方法

2017/01/22 Javascript

通过jsonp获取json数据实现AJAX跨域请求

2017/01/22 Javascript

jQuery实现腾讯信用界面(自制刻度尺)样式

2017/08/15 jQuery

详解JavaScript函数callee、call、apply的区别

2019/03/08 Javascript

JS实现数组删除指定元素功能示例

2019/06/05 Javascript

vue 路由懒加载中给 Webpack Chunks 命名的方法

2020/04/24 Javascript

[01:11:08]Winstrike vs NB 2018国际邀请赛淘汰赛BO1 8.21

2018/08/22 DOTA

[46:20]DOTA2-DPC中国联赛正赛 PSG.LGD vs LBZS BO3 第二场 1月22日

2021/03/11 DOTA

打开电脑上的QQ的python代码

2013/02/10 Python

Python制作CSDN免积分下载器

2015/03/10 Python

Python的Flask框架中实现登录用户的个人资料和头像的教程

2015/04/20 Python

理解Python中的类与实例

2015/04/27 Python

Python网络编程之使用TCP方式传输文件操作示例

2019/11/01 Python

Python(PyS60)实现简单语音整点报时

2019/11/18 Python

django中url映射规则和服务端响应顺序的实现

2020/04/02 Python

浅析css3中matrix函数的使用

2016/06/06 HTML / CSS

Paul’s Boutique官网：英国时尚手袋品牌

2018/03/31 全球购物

Kingsoft金山公司C/C++笔试题

2016/05/10 面试题

介绍一下木马病毒的种类

2015/07/26 面试题

动物科学专业毕业生的自我评价

2013/11/29 职场文书

个人借款担保书

2014/04/02 职场文书

国庆65周年演讲稿：回首往昔，展望未来

2014/09/21 职场文书

为自己工作观后感

2015/06/11 职场文书

2015年学校办公室主任工作总结

2015/07/20 职场文书

2015年三好一满意工作总结

2015/07/24 职场文书