问题模块 | 框架类型 | 问题类型 | API/组件名称 | 终端类型 | 微信版本 | 基础库版本 |
---|---|---|---|---|---|---|
API和组件 | 小游戏 | Bug | view | 工具 | 2.6.3.78 | 1.02.1808100 |
最近学习仿建行圆形菜单,在绑定菜单的点击事件上遇到了问题。本身圆形菜单是通过xw:for获取数组中的内容生成的,然后通过
style="-webkit-transform: rotate({{item.deg}}deg)
对view进行旋转,形成了圆形菜单,但是通过
<view class="menu-item" wx:for="{{menuList}}" wx:key="{{item.index}}" animation="{{animationData}}" bindtap='selectMenu' data-index="{{index}}">
绑定点击事件后,不管点击了哪个菜单,后台获取到的总是数组中的最后一个元素内容。
网友回复
<view class="menu-item" wx:for="{{menuList}}" wx:key="{{item.index}}" animation="{{animationData}}">
<view bindtap='selectMenu' data-index="{{index}}:{{item.menu}}">
<view class="menu-circle-item" style="-webkit-transform: rotate({{item.deg}}deg);" data-menu="{{item.menu}}">
<image class="image-style" src="{{item.src}}"></image>
</view>
<view class="menu-circle-text-item" style="-webkit-transform: rotate({{item.deg}}deg);">
<text class="text-style">{{item.menu}}</text>
</view>
</view>
你是说在menu-item里面再加一层view,然后把点击事件绑定到新加的这一个view上?
刚才试了一下,没有效果。
在你现在的view里再写一层,然后bindtap到里面这一层