vant list immediate-check设置

最新推荐文章于 2023-04-21 17:17:07 发布
最新推荐文章于 2023-04-21 17:17:07 发布
阅读量4.3k 收藏
点赞数
分类专栏： vant 文章标签： vant vant-list immediate-check
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuxiaochang_2011/article/details/106635431
版权

每次更新列表，列表从底部弹出，不希望默认进入加载

首先设置了immediate-check为false 第一次更新列表没有问题，onload方法走了一次，但是第二次更新列表时，onload方法走了两次。。。，把loading 置为true 问题解决 onload方法正常走了一次。

liuxiaochang_2011
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
11-21
最近由于公司项目需要，用vue写了几个简单的页面。用到了vantUI List 列表 瀑布流滚动加载，用于控制长列表的展示 当列表即将滚动到底部时，会触发事件并加载更多列表项。 （页面加载完成后默认会自动加载一次，可以:immediate-check="false" 这样设置一下，页面加载完成后就不会自动加载一次了 ） 看上去一切都很美好；但是tab进行切换的时候，list组件的load事件不会再次被触发！！！就是list组件做上拉加载只有在第一个tab会触发，切换后触底不会再次触发 解决办法： 初始化定义了list的加载状态 tab切换时；重新初始化一次就行了 这样就解决了tab切换
Vant中List组件immediate-check=false无效
weixin_42349568的博客
04-18 1596
一，现象 已经设置List组件immediate-check=false，但是在进入页面的时候，还是会触发list组件的onLoad方法，发送第一次请求。 二，原因 假设首页是A,列表页是B。当A页面的内容超过一个屏幕，并且滚动条出现了（即滚动条向下滚动了一段距离。）然后再跳转列表页。就会直接触发List组件的onLoad方法。 这是因为第一个页面A和第二个页面B，所监听的滚动条都是html或者body上的滚动条。这就会干扰。 三，解决方案 把b页面的放置到自己的容器中，让他不产生全局的滚动条。即可： .
Vant中List组件immediate-check=false无效的问题
cry
09-04 4002
使用vant中的List组件时，会有这样的场景 初始化时想自己触发列表查询，而不想触发 List 组件自带的 load 方法，这时可以设置 immediate-check=false，如下代码，但是这种方式会在下面的场景中出现问题 <van-list ref="vanlist" v-model="loading" :finished="finished" finished-text="已显示全部周报" :error.sync="error"
van-list的:immediate-check属性设置之后，初次进入页面初始化数据就调用了onLoad方法
Keep on moving!
07-16 1432
问题 van-list的:immediate-check属性设置不生效，导致进入页面就开始调用onLoad方法。 解决方法 初次加载数据之前，将loding设置为true
vant3 list 的坑
paidaboluo的博客
09-18 1259
vant3 list 的坑
vant 中van-list的用法说明
01-18
van-list里面的元素不能有float样式，否则会连续触发 load 事件 原代码 <van v-model=active change=getTypeDate> <van v-for=(tab) title=tab.name key=tab.id> <div xss=removed class=pic-content> <...
vant 自定义 van-dropdown-item的用法
10-15
在移动应用开发中，Vant UI 是一款流行的组件库，它为 Vue.js 应用提供了丰富的 UI 元素和交互设计。本文将详细介绍如何自定义 Vant 的 `van-dropdown-item` 组件，以满足特定的设计需求。 `van-dropdown-item` 是 ...
vant,vant-weapp离线文档
01-30
Vant和Vant WeApp是两个在IT行业中广泛使用的开源组件库，主要针对Vue.js框架，特别是对于微信小程序开发。这两个库由有赞公司提供，旨在简化和优化前端开发过程，提升开发效率。 Vant是一个轻量级的Vue组件库，它...
vant-cli-read:vant-cli-read原始阅读
03-23
万特·克里 Vant Cli是一个Vue组件库组装工具，通过Vant Cli可以快速构建一套功能完备的Vue组件库。 特性 提供丰富的命令，涵盖从开发测试到合并发布的完整流程 根据约定的目录结构，... " dev " : " vant-cli dev " ,
vant-mall-tpl:vant-ui商城模板
05-15
"vant-mall-tpl:vant-ui商城模板" 是一个基于Vant UI的电子商务网站模板，专为快速构建前端商场界面而设计。这个模板利用了Vant UI组件库，提供了丰富的UI元素和交互设计，帮助开发者高效地搭建功能完备、美观的...
set-immediate-shim:简单的`setImmediate`填充
05-26
设置立即填充 简单设置 注意：此填充程序效率很低，请参阅 。 安装 $ npm install set-immediate-shim 用法 const setImmediateShim = require ( 'set-immediate-shim' ) ; setImmediateShim ( ( ) => { console . log ( '2' ) ; } ) ; console . log ( '1' ) ; //=> 1 //=> 2 有关的 返回在下一个事件循环中解决的setImmediate()考虑setImmediate() Tidelift帮助维护人员实现开源的可持续发展，同时为公司提供帮助有关其依赖项的安全性，维护和许可的保证。
van-list :immediate-check=false失效
周18的碎碎念
06-08 325
场景：先回去分类，根据分类获取列表，不需要进入列表就立即获取列表 解决办法：finished: true
vant当中van-list的使用
热门推荐
柚子的
06-28 4万+
van-list里面的元素不能又float样式，否则会连续触发 load 事件 原代码 <template> <div class="about"> <van-tabs v-model="active" sticky @change="getTypeDate"> <van-tab v-for="(tab) in typeList" ...
vant 中 list 组件初始化自动加载onLoad事件
a_dream12的博客
03-11 2062
vant 中 List 组件初始化后会加载一次onLoad事件，create生命周期函数中也需要加载一次，但是有些情况不需要初始化自动加载 1 2 3 4 5 6 7 <van-list v-model:loading="state.loading" :finished="state.finished" finished-text="没有更多了" @load="onLoad"...
vue vant-list 加载问题（重复加载，首次加载，不加载，通页面多个下拉加载问题）
qq_17627195的博客
11-04 1万+
主要需要注意以下几点 是否正确设置this.loading=false;。 （因为每次加载函数执行的时候，this.loading 会自动变为 true， 如果不设置为 false 则不会继续加载）。 需要给van-list增加 :immediate-check=“false” 属性，不要让他首次加载，然后在 created() {} 里面进行首次加载（这样可以放置首次加载出现多次加载的情况） 异步获取到数据后，需要给在元数据的基础上增加数据，可以参考后面的例子代码，注意，要使用 setTimeout((
van-list immediate-check设置为false无效的问题
vscode_js的博客
08-31 907
最近在使用van-list组件开发带有tab切换的项目，需求是tab是后端返回的数据，所以获取列表数据要在tab返回之后调用，所以进入页面时默认不触发van-list的load事件，官方文档说明：如下图所示： 组件配置如图所示： 但是我们这样设置完成之后，刚刚进入页面是没问题的，当我们切换tab时还是会触发load事件多次，因此我的解决方案是： 根据有无数据使用v-if来控制van-list是否展示，因为有时候页面初始化没有数据时vant-list也会触发一次 完美解决多次触发load事..
vant van-list无限加载了解决方法,vant的下拉加载和upload都有点坑（上传在钉钉H5多张照片会黑屏死掉）
qq_23064501的博客
06-22 8643
1、:immediate-check="false" <van-list :immediate-check="immediate" v-model="loadingTask" :finished="finishedTask" :finished-text="task_list.length > 0 ? '没有更多了' : ''" @load="onLoadTask"
vant的list 一直请求数据,van-list 的load方法不断连续的调用方法请求数据，诡异现象。完整解决方案
橙-极纪元-cplvfx-JJY.Cheng
01-31 5727
vant的list 一直请求数据,van-list 的load方法不断连续的调用方法请求数据，诡异现象。完整解决方案
vant List 列表组件分页加载更多关于清空数据后多触发一次网络请求问题
weixin_45965766的博客
04-21 485
切换查询分类或搜索等场景需要先把原来的数据项清空,这时如果已不是第一页数据清空后List组件会触发触底load事件,在@load中写的网络请求就会执行,加上自己主动调用的请求就多了一次,这里加上this.loading = true阻止触发load事件。配置immediate-check为false可以阻止初始化时立即执行滚动位置检查触发load事件。
vant weapp van-field设置密码显示隐藏
最新发布
06-06
在 vant weapp 中，可以通过 `van-field` 的 `type` 属性来设置输入框的类型，其中包括密码输入框。在密码输入框中，可以通过 `password-icon` 属性来设置密码的显示和隐藏按钮。 示例代码如下： ```html <van-field type="password" label="密码" placeholder="请输入密码" password-icon /> ``` 其中，`password-icon` 属性表示显示密码的按钮，在输入框中点击该按钮可以切换密码的显示和隐藏状态。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值