WXOPEN Club

仿建行圆形菜单绑定点击事件，获取不到对应菜单内容

发布于 8 年前作者 zdai13973 次浏览最后编辑 8 年前来自 ask

 最近学习仿建行圆形菜单，在绑定菜单的点击事件上遇到了问题。本身圆形菜单是通过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}}”>

绑定点击事件后，不管点击了哪个菜单，后台获取到的总是数组中的最后一个元素内容。

2 回复
tao61
tao611 楼6 年前

<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上？

刚才试了一下，没有效果。

liulei
liulei2 楼6 年前

在你现在的view里再写一层，然后bindtap到里面这一层