编程 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 innerText和innerHtml应用

Jan 28 Javascript

使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法

Apr 07 Javascript

JS声明变量背后的编译原理剖析

Dec 28 Javascript

拖动table标题实现改变td的大小(css+js代码)

Apr 16 Javascript

通过url查找a元素并点击

Apr 09 Javascript

举例讲解JavaScript substring()的使用方法

Nov 09 Javascript

解决vue打包项目后刷新404的问题

Mar 06 Javascript

区别JavaScript函数声明与变量声明

Sep 12 Javascript

vue router总结 $router和$route及router与 router与route区别

Jul 05 Javascript

微信小程序腾讯地图SDK 获取当前地址实现解析

Aug 12 Javascript

Vue路由之JWT身份认证的实现方法

Aug 26 Javascript

基于vue-cli3和element实现登陆页面

Nov 13 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实现简单的拖拽效果实例兼容所有主流浏览器

2013/06/21 Javascript

让IE8浏览器支持function.bind()方法

2014/10/16 Javascript

JQuery实现带排序功能的权限选择实例

2015/05/18 Javascript

理解JavaScript表单的基础知识

2016/01/25 Javascript

jquery实现具有嵌套功能的选项卡

2016/02/12 Javascript

JS中多步骤多分步的StepJump组件实例详解

2016/04/01 Javascript

浅谈js数据类型判断与数组判断

2016/08/29 Javascript

js将table的每个td的内容自动赋值给其title属性的方法

2016/10/13 Javascript

巧妙运用v-model实现父子组件传值的方法示例

2019/04/07 Javascript

微信小程序上线发布流程图文详解

2019/05/06 Javascript

JavaScript函数式编程(Functional Programming)纯函数用法分析

2019/05/22 Javascript

vue中使用v-model完成组件间的通信

2019/08/22 Javascript

[51:15]完美世界DOTA2联赛PWL S2 PXG vs Magma 第一场 11.21

2020/11/24 DOTA

在Python下进行UDP网络编程的教程

2015/04/29 Python

Python计算斗牛游戏概率算法实例分析

2017/09/26 Python

使用tensorflow实现AlexNet

2017/11/20 Python

基于scrapy的redis安装和配置方法

2018/06/13 Python

Python使用ctypes调用C/C++的方法

2019/01/29 Python

Python学习笔记之列表推导式实例分析

2019/08/13 Python

Python 列表的清空方式

2020/01/13 Python

Pytorch环境搭建与基本语法

2020/06/03 Python

纯css3制作网站后台管理面板

2014/12/30 HTML / CSS

Canvas与图片压缩的示例代码

2017/11/28 HTML / CSS

Skyscanner加拿大：全球旅行搜索平台

2018/11/19 全球购物

俄罗斯花园种植材料批发和零售网上商店：Беккер

2019/07/22 全球购物

linux面试题参考答案（5）

2016/11/05 面试题

给排水专业应届生求职信

2013/10/12 职场文书

制定岗位职责的原则

2013/11/08 职场文书

外联部演讲稿

2014/05/24 职场文书

幼师求职信

2014/06/23 职场文书

2014预备党员党课学习心得范文

2014/07/08 职场文书

2015新员工试用期工作总结

2014/12/12 职场文书

新闻简讯格式及范文

2015/07/22 职场文书

Java中的随机数Random

2022/03/17 Java/Android

【海涛DOTA】D-cup邀请赛NV.cn vs DT.Love

2022/04/01 DOTA

我家女友可不止可爱呢公开OP主题曲无字幕动画MV

2022/04/11 日漫