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

JS学习之一个简易的日历控件

Mar 24 Javascript

javascript学习笔记(七) js函数介绍

Jun 19 Javascript

javascript中验证大写字母、数字和中文

Jan 15 Javascript

JavaScript中九种常用排序算法

Sep 02 Javascript

jQuery实现可编辑的表格实例讲解（2）

Sep 17 Javascript

基于jquery实现鼠标左右拖动滑块滑动附源码下载

Dec 23 Javascript

浅析jQuery 3.0中的Data

Jun 14 Javascript

浅谈jquery采用attr修改form表单enctype不起作用的问题

Nov 25 Javascript

Jquery Easyui选项卡组件Tab使用详解（10）

Dec 18 Javascript

浅谈JavaScript的函数及作用域

Dec 30 Javascript

微信小程序自定义消息提示框

Aug 06 Javascript

谈谈为什么你的 JavaScript 代码如此冗长

Jan 30 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

在WINDOWS中设置计划任务执行PHP文件的方法

2011/12/19 PHP

php中的Base62类(适用于数值转字符串)

2013/08/12 PHP

PHP生成迅雷、快车、旋风等软件的下载链接代码实例

2014/05/12 PHP

在Mac OS上搭建Nginx+PHP+MySQL开发环境的教程

2015/12/21 PHP

extjs 学习笔记（三）最基本的grid

2009/10/15 Javascript

js列举css中所有图标的实现代码

2011/07/04 Javascript

JS特权方法定义作用以及与公有方法的区别

2013/03/18 Javascript

javascript dom追加内容实现示例

2013/09/21 Javascript

JavaScript中访问节点对象的方法有哪些如何使用

2013/09/24 Javascript

Node.js实现简单聊天服务器

2014/06/20 Javascript

jquery实现加载进度条提示效果

2015/11/23 Javascript

基于jQuery的网页影音播放器jPlayer的基本使用教程

2016/03/08 Javascript

JS组件Bootstrap Select2使用方法解析

2016/05/30 Javascript

JQuery实现列表中复选框全选反选功能封装(推荐)

2016/11/24 Javascript

vue-cli+webpack记事本项目创建

2017/04/01 Javascript

Vue中使用vue-i18插件实现多语言切换功能

2018/04/25 Javascript

详解Vue 多级组件透传新方法provide/inject

2018/05/09 Javascript

JS Ajax请求会话过期处理问题解决方法分析

2019/11/16 Javascript

js实现时间日期校验

2020/05/26 Javascript

vue-router懒加载的3种方式汇总

2021/02/28 Vue.js

Python实现的飞速中文网小说下载脚本

2015/04/23 Python

Python用模块pytz来转换时区

2016/08/19 Python

浅析Python数据处理

2018/05/02 Python

Python错误处理操作示例

2018/07/18 Python

对PyTorch torch.stack的实例讲解

2018/07/30 Python

在Pycharm中修改文件默认打开方式的方法

2019/01/17 Python

Python实现查找二叉搜索树第k大的节点功能示例

2019/01/24 Python

关于Keras Dense层整理

2020/05/21 Python

Python中正则表达式对单个字符，多个字符和匹配边界等使用

2021/01/27 Python

求网格中的黑点分布

2013/11/06 面试题

预备党员思想汇报范文

2013/12/29 职场文书

2015年科学教研组工作总结

2015/07/22 职场文书

小程序后台PHP版本部署运行 LNMP+WNMP

2021/04/01 Servers

变长双向rnn的正确使用姿势教学

2021/05/31 Python

警用民用对讲机找不同

2022/02/18 无线电

DE1107机评

2022/04/05 无线电