小程序 tab 切换点击无效

今天初次接触小程序 , 写了一个 tab 切换 , 一开始全是 text 标签进行切换 , 但是有一个是带图片的 , 如图所示 :

切换后的效果想必大家都知道 , 如下图所示 :

然后我就把活动那个 text 标签改成了 view 并包住了 image 和 text , 结果点击的时候没反应
上网查后 , 解决方法为将事件中的
e.target.dataset.current 改为 e.currentTarget.dataset.current

你的问题解决了吗 ? 本人纯属为了将遇到的问题做个笔记 , 希望可以帮到更多人 !

小程序 tab 切换点击无效相关推荐

navtab触底小程序_微信小程序TAB切换效果
微信小程序tab切换效果话不多说,先上效果图主要是让在一个WXML上面显示2个页面,用来分页展示东西. 直接上代码了: 首先是wxml {{item}} A页 B页然后是wxcss样式代码 .t ...
小程序tab切换效果
小程序实现tab切换很简单,只需要完成两部分. 1.页面 2.js触发时间先上效果: image.png 接下来介绍页面代码: 控制切换的Tab <view class="swipe ...
微信小程序 tab切换
设置背景颜色就直接在page里设置 page {background-color: rgb(242, 242, 242);} tab切换: navigator 页面链接传参的格式为url=&q ...
微信小程序tab切换
一:获取数据,初始化存储切换下标的变量以及数据二:点击切换高亮同时设置子数据 1.定义变量 data: {list:[],//总数据tabIndex:0,//tab切换利用的下标childrenLi ...
根据id来实现小程序tab切换，
本例根据绑定id来实现tab切换,但本例仍有缺陷,用for循环数据,无法实现切换.如有大神能够有更好方法,欢迎留言更正 WXML: <view class="tab"> ...
微信小程序 tab切换展示不同的内容
index.wxml <view class='shopDetail-box'><view class="tab-left" ><view class ...
微信小程序tab切换（点击标题切换，滑动屏幕切换）
效果图: WXML文件 <view class="tab"><scroll-view class="nav" scroll-x="t ...
微信小程序——tab切换内容
wxml: wxss: js: .wxml代码: <view class="body"> <view class="nav bc_white&quo ...
PHP更新小程序,微信小程序Tab页切换更新数据详细介绍
这篇文章主要介绍了微信小程序 Tab页切换更新数据的相关资料,需要的朋友可以参考下微信小程序 Tab页切换更新数据微信小程序还处于内测阶段,最不方便的莫过于官方在不停的更新,前几天写的功能隔个几天 ...
微信小程序-tab左右滑动切换
微信小程序-tab左右滑动切换一.简介 1.核心思想二.实现 1.wxml实现 2.js实现 3.wxss实现三.参考和总结四.优化 0.效果图 1.每个tab长度自适应 2.先前隔tab点击 ...

小程序 tab 切换点击无效

小程序 tab 切换点击无效相关推荐

最新文章

热门文章