循环列表中点击更改当前项的字体颜色

最新推荐文章于 2023-04-14 10:35:45 发布

前端boy

最新推荐文章于 2023-04-14 10:35:45 发布

阅读量913

点赞数 1

分类专栏：笔记小程序

本文链接：https://blog.csdn.net/weixin_45301448/article/details/103895301

版权

本文介绍了两种方法来实现循环列表中点击时改变当前项的字体颜色。方法一是通过传递当前点击的下标到js脚本，用data中的currentTab变量存储，并在前端进行三元判断。方法二是另一种实现思路。

摘要由CSDN通过智能技术生成

方法一

<!-- index.wxml -->
<view class='top'>
  <view class="{
   { currentTab == index ? 'active' : '' }}" wx:for="{
   {top}}" wx:key="{
   {lalala}}" bindtap="{
   { currentTab != index ? 'navbarTap':'navbarTap' }}" id="{
   {index}}" >{
   {
   item}}</view>
</view>

.top{
   
  display

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端boy

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
循环列表中点击更改当前项的字体颜色

方法一<view class='top'> <view class="{{ currentTab == index ? 'active' : '' }}" wx:for="{{top}}" wx:key="{{lalala}}" bindtap="{{ currentTab != index ? 'navbarTap':'...
复制链接

扫一扫