微信小程序遍历循环中点击添加样式
来源:互联网 发布:java动态bean 编辑:程序博客网 时间:2024/06/07 04:44
.wxml中:
<viewclass='section'>
<scroll-view id='sv' scroll-y style="width:150rpx;height:{{hei}}px;">
<block wx:for="{{leftMenu}}"wx:key='this'>
<block wx:if="{{index == clickId}}">
<view bindtap='changeWhite' class='fff' id='{{index}}'>
{{item}}
</view>
</block>
<blockwx:else>
<view bindtap='changeWhite' class='eee' id='{{index}}'>
{{item}}
</view>
</block>
</block>
</scroll-view>
</view>
.js中
data: {
clickId:0,
},
changeWhite:function(res){
var cla = res.currentTarget.id;
console.log(res.currentTarget.id);
this.setData({
clickId:cla
})
},
阅读全文
0 0
- 微信小程序遍历循环中点击添加样式
- 微信小程序实现给循环列表添加点击样式
- 微信小程序循环列表添加默认事件,默认样式,点击后修改样式
- 小程序request接口封装,实现给循环列表添加点击样式
- js循环遍历ul中li的点击事件,给给选中li添加css
- 微信小程序实现循环列表中加样式
- 微信小程序开发——wx:for循环渲染元素如何修改点击样式
- jquery点击添加样式
- AngularJS点击添加样式
- 微信小程序实现给循环列表点击添加类(单项和多项)
- 微信小程序点击控件修改样式
- div中循环生成button并添加点击事件
- AngularJS点击添加样式、点击变色设置
- js 循环添加点击事件
- 微信小程序点击添加移除class
- JS封装(循环遍历添加)
- 微信小程序 图片自适应及改变点击之后的样式
- js中循环遍历
- ORACLE和DB2判断日期是否合法
- 约瑟夫环—数据结构小问题
- 高可用(HA)集群之keepalived 安装
- Docker的安装,配置,更新和卸载
- 系统管理
- 微信小程序遍历循环中点击添加样式
- 1014. 福尔摩斯的约会 (20)
- 【NOIP2017提高A组集训10.22】公交运输
- JSP基础(十四)——使用JDBC的Statement对象和PreparedStatement对象对数据库进行CRUD
- 【BZOJ2330】【SDOI2012】糖果(差分约束,SPFA)
- 泛函分析简列:度量空间之Banach空间与模等价
- 51nod 1175 区间中第K大的数(主席树)
- iOS NavigationController返回上一层界面
- ACM模板