微信小程序实现给循环列表添加点击样式
来源:互联网 发布:wind终端mac版 编辑:程序博客网 时间:2024/06/01 23:23
微信小程序有个属性hover-class=’active’,是指当点击列表元素时当按下鼠标左键会显示active样式,但是鼠标离开样式就会复原.可以参考以下解决方案,直接上代码:
wxml:
<view class="tags"> <view class="tag-title">标签</view> <view class="tag-box"> <view wx:for="{{tags}}" wx:key="id" wx:for-index="i"> <view class="tags-item {{currentItem==item.id?'active-tag':''}}" data-id="{{item.id}}" bindtap="tagChoose">{{item.name}}</view> </view> </view> </view>sdf
js文件:
tagChoose:function(options){ var that = this var id = options.currentTarget.dataset.id; console.log(id) //设置当前样式 that.setData({ 'currentItem':id }) }
核心点:class=”tags-item {{dateCurrent==item.id?’active-tag’:”}}”模板文件中使用三元运算符,通过dateCurrent指定当前item的id
1 0
- 微信小程序实现给循环列表添加点击样式
- 小程序request接口封装,实现给循环列表添加点击样式
- 微信小程序实现给循环列表点击添加类(单项和多项)
- 微信小程序循环列表添加默认事件,默认样式,点击后修改样式
- 微信小程序遍历循环中点击添加样式
- 微信小程序实现循环列表中加样式
- 微信小程序商品循环列表点击弹出当前的商品信息
- 微信小程序开发——wx:for循环渲染元素如何修改点击样式
- 微信小程序项目总结:for循环,绑定点击事件,二维数组列表渲染 ...
- 微信小程序中的循环列表,在点击时改变当前项的背景颜色
- 小程序点击获取循环列表中的内容
- jquery点击添加样式
- AngularJS点击添加样式
- JavaScript实现点击(按钮)实现添加css样式
- 点击菜单跳转页面给点击的菜单添加新的样式
- jQuery动态添加.active属性实现按钮点击样式
- 原生js实现导航栏点击之后添加样式
- js循环遍历ul中li的点击事件,给给选中li添加css
- 一个屌丝程序猿的人生(六十二)
- [LeetCode]223. Rectangle Area
- 【密码学】RSA加解密原理及其Java实现算法
- Python 基于Hash算法对海量文件去重方案
- 一个简单的输入关键字添加标签效果
- 微信小程序实现给循环列表添加点击样式
- 启动或停止Samba服务
- 217. Contains Duplicate
- Keil(MDK-ARM)介绍、下载、安装与注册
- Python与C++区别
- 在ArcGIS WebAppBuilder中的widget中嵌入EasyUI的图形化控件
- datalab-handout实验
- 高效的jQuery代码编写技巧总结
- 【JDk源码解析之一】ArrayList源码解析