编程 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 getComputedStyle获取和设置style的原理

Oct 10 Javascript

基于jquery1.4.2的仿flash超炫焦点图播放效果

Apr 20 Javascript

Javascript异步表单提交，图片上传，兼容异步模拟ajax技术

May 10 Javascript

JavaScript中使用Substring删除字符串最后一个字符

Nov 03 Javascript

jQuery 的全选(全非选)即取得被选中的值使用介绍

Nov 12 Javascript

js身份证判断方法支持15位和18位

Mar 18 Javascript

关于JavaScript作用域你想知道的一切

Feb 04 Javascript

仿百度换肤功能的简单实例代码

Jul 11 Javascript

Node.js查找当前目录下文件夹实例代码

Mar 07 Javascript

Vue from-validate 表单验证的示例代码

Sep 26 Javascript

js通过Date对象实现倒计时动画效果

Oct 27 Javascript

jQuery+PHP+Ajax实现动态数字统计展示功能

Dec 25 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

PHP 基本语法格式

2009/12/15 PHP

php缩小png图片不损失透明色的解决方法

2013/12/25 PHP

php使用COPY函数更新配置文件的方法

2015/06/18 PHP

php中通过eval实现字符串格式的计算公式

2017/03/18 PHP

Javascript - HTML的request类

2006/07/15 Javascript

jQuery的三种$()

2009/12/30 Javascript

简单方法判断JavaScript对象为null或者属性为空

2014/09/26 Javascript

js实现Select列表内容自动滚动效果代码

2015/08/20 Javascript

jquery实现左右滑动菜单效果代码

2015/08/27 Javascript

快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突

2016/04/15 Javascript

一个超简单的jQuery回调函数例子(分享)

2016/08/08 Javascript

关于Javascript回调函数的一个妙用

2016/08/29 Javascript

jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】

2017/03/10 Javascript

bootstrap daterangepicker双日历时间段选择控件详解

2017/06/15 Javascript

JS实现json对象数组按对象属性排序操作示例

2018/05/18 Javascript

简述pm2常用命令集合及配置文件说明

2019/05/30 Javascript

ES6 Object属性新的写法实例小结

2019/06/25 Javascript

微信小程序云函数使用mysql数据库过程详解

2019/08/07 Javascript

vue实现信息管理系统

2020/05/30 Javascript

JavaScript实现雪花飘落效果

2020/12/27 Javascript

详解详解Python中writelines()方法的使用

2015/05/25 Python

python绘制铅球的运行轨迹代码分享

2017/11/14 Python

Python Multiprocessing多进程使用tqdm显示进度条的实现

2019/08/13 Python

centos7中安装python3.6.4的教程

2019/12/11 Python

Boden美国官网：英伦原创时装品牌

2017/07/03 全球购物

考博自荐信

2013/10/25 职场文书

银行会计业务的个人自我评价

2013/11/02 职场文书

春节活动策划方案

2014/01/24 职场文书

颁奖典礼主持词

2014/03/25 职场文书

爱护公共设施的标语

2014/06/24 职场文书

2014年党员加强作风建设思想汇报

2014/09/15 职场文书

新教师个人工作总结

2015/02/06 职场文书

公司车队管理制度

2015/08/04 职场文书

劳动合同变更协议书范本

2019/04/18 职场文书

Python入门之使用pandas分析excel数据

2021/05/12 Python

ztree+ajax实现文件树下载功能

2021/05/18 Javascript