Vant中List组件immediate-check=false无效

一，现象

已经设置List组件immediate-check=false，但是在进入页面的时候，还是会触发list组件的onLoad方法，发送第一次请求。

二，原因

假设首页是A,列表页是B。当A页面的内容超过一个屏幕，并且滚动条出现了（即滚动条向下滚动了一段距离。）然后再跳转列表页。就会直接触发List组件的onLoad方法。

这是因为第一个页面A和第二个页面B，所监听的滚动条都是html或者body上的滚动条。这就会干扰。

三，解决方案

把b页面的放置到自己的容器中，让他不产生全局的滚动条。即可：

.order-box {height: calc(100vh - 90px);overflow: scroll;//主要是这个box-sizing: border-box;
}

Vant中List组件immediate-check=false无效相关推荐

在vue中实现picker样式_vue vant中picker组件的使用
1.引入 import { Picker } from "vant" 2.使用 components: { vanPicker: Picker, } 3.渲染 show-toolb ...
Vant中tab组件的标题如何自定义
Vant提供的tab组件样式是这样的,过于基础,一般无法满足业务中的UI效果,不过不用担心,我们可以自定义样式,接下来详细介绍如何自定义→ 这是改造前的效果: 来吧!看一下改造后的效果吧废话不多说, ...
asp.net学习笔记异常处理001---.framework4.0中asp.net页面ValidateRequest=false 无效的问题
在做牛腩新闻发布系统的时候,部分同学可能会遇到这样的情况: 从客户端(ContentPlaceHolder1_m_ContentPlaceHolder_ftbContent="<P&g ...
mint-ui 中 popup 组件的 closeonclickmodal 无效
mint-ui 中 popup 组件的 closeonclickmodal 无效 :closeOnClickModal="false" 一般动态绑定的才会有效果如果直接写:clo ...
vant在cell中加表格_在vant 中使用cell组件定义图标该图片和位置操作
@本来想直接使用icon组件,使用阿里的图标库,可是怎么弄也不行,折腾一下午,最后决定使用最笨的办法,直接上代码 vant 中使用cell组件定义图标该图片和位置像微信信息栏一样二级经营单位 // ...
理解vue中的组件（二）
上节说到组件https://segmentfault.com/a/1190000009236700,这一节继续来学习组件: 原文博客地址,欢迎学习交流:点击预览从github上获取本文代码:示例代码 ...
.net 4.0 ValidateRequest=false 无效
.net 4.0 ValidateRequest="false" 无效昨天安装了VisualStudio 2010 Ultimate,今天把最近的一个项目升级到了4.0下,结果跑 ...
给容器中注册组件 || @Scope -- @Lazy -- @Conditional({Condition}) -- @Import--使用Spring提供的 FactoryBean
* @Scope:调整作用域 * prototype:多实例的:ioc容器启动并不会去调用方法创建对象放在容器中. * 每次获取的时候才会调用方法创建对象: ...
asp.net中此页的状态信息无效，可能已损坏的解决之道
asp.net中此页的状态信息无效,可能已损坏的解决之道[转] 默认分类 2009-02-06 16:16:06 阅读137 评论0 字号:大中小针对此问题网上有一种解决办法,就是在该工程中的web ...
spring注解开发：容器中注册组件方式
1.包扫描+组件标注注解使用到的注解如下,主要针对自己写的类 @Controller @Service @Repository @Component @ComponentScan 参考 spring ...

Vant中List组件immediate-check=false无效

一，现象

二，原因

三，解决方案

Vant中List组件immediate-check=false无效相关推荐

最新文章

热门文章