使用vant的checkbox到页面，发现点击没有反应，怎么排查这个问题？

step1

搜索vant官方issue 和搜索引擎 checkbox点击无效，没有人遇到
=> 这个问题应该是自己使用姿势导致的

step2

vant官方组件页面：可以点击
将checkbo放在当前白色卡片上：不可以点击
将checkbo放在当前白色卡片下面：可以点击
=》 checkbox在当前白色卡片有问题

step3

在有反应的checkbox上慢慢添加白色卡片结构和样式
在最外层样式加上之后就无法点击了
=》最外层样式问题

step4

逐行添加最外层样式
发现是伪元素after加上之后出现无法点击问题
=>伪元素after样式导致
想了下：可能是after这个absolute定位元素全覆盖当前元素导致的
解决：将伪元素这层元素设置z-index到底层就可以了

[vant] 使用vant的checkbox到页面，发现点击没有反应相关推荐

JS获取页面鼠标点击位置的坐标
本来想通过JS实现当前页面对其他页面的操作,在网上发现了这段js代码,先保存下来,可以获取页面鼠标点击位置的坐标. <html> <body> <script> f ...
easyui的下拉框combobox在包含的iframe页面里点击不能收回解决办法
此处下拉框不能收回是因为iframe是新页面,点击事件不能传递到父级页面.我们需要在父级页面监听iframe页面的点击事件,进而操作下拉框的动作: 以下是获取iframe的js: var iframe ...
H5页面苹果手机点击输入框输入内容时页面自动放大
问题:H5页面苹果手机点击输入框输入内容时,页面会自动放大,导致用户体验不好解决:<meta name="viewport" content="width=dev ...
百度站长平台＂添加站点＂提示＂您无权访问该页面，点击确定按钮返回首页？＂
大家在百度站长平台"添加站点"."抓取诊断"的时候,是否遇到"您无权访问该页面,点击确定按钮返回首页"问题.小编也遇到过这种情况,现在问题已 ...
app门户开发——recycleView的页面的点击跳转
关于recycleView的页面进行点击跳转设计 ①功能实现 ②实现过程 ③运行结果 ④代码地址 ①功能实现实现对有recycleView的页面进行点击跳转设计 ②实现过程创建四个activity ...
Selenium：动态页面模拟点击
Selenium:动态页面模拟点击 Selenium Selenium是一个Web的自动化测试工具,最初是为网站自动化测试而开发的,类型像我们玩游戏用的按键精灵,可以按指定的命令自动操作,不同是Sel ...
记录：页面锚定点击a标签进行锚定到指定的ID
记录:页面锚定点击a标签进行锚定到指定的ID a href="javascript:void(0)" οnclick="document.getElementById( ...
5秒钟之后跳转页面（点击按钮直接跳转）
文章目录前言一.5秒钟之后跳转页面(点击按钮直接跳转) 前言一些javascript的小功能的实现提示:以下是本篇文章正文内容,下面案例可供参考一.5秒钟之后跳转页面(点击按钮直接跳转) & ...
uni-app 页面横向点击居中
uni-app 页面横向点击居中 1.使用scroll-view可滚动视图区域.用于区域滚动: 2.动态计算横向滚动条位置scroll-left. 以下是代码: <template>< ...

[vant] 使用vant的checkbox到页面，发现点击没有反应

使用vant的checkbox到页面，发现点击没有反应，怎么排查这个问题？

[vant] 使用vant的checkbox到页面，发现点击没有反应相关推荐

最新文章

热门文章