问题描述 我想创建三个图片,中间的的opaccity值为1,其余为0.5,点击哪张哪张的opacity变为1,其余的图片变为0.5,在小程序中不能获取dom,不知道该如何操作?实践过程代码wxml 部分代码:<view class="choose" > <view class="tu" wx:for="{{array}}" data-opacity="{{item.opacity}}" style='background:url({{item.url}});opacity:{{item.opacity}};background-size: 100% 100%;' bindtap='toggle'></view> </view>js 部分代码: data: { array:[{ url: 'shen1.png', opacity: '0.5' },{ url: 'shen2.png', opacity: '1' },{ url: 'hen3.png', opacity: '0.5' }]}} toggle:function(e){ let that = this; console.log(e.target.dataset.opacity); let opacity = e.target.dataset.opacity == '1' ? '0.5' : '1'; console.log(opacity); //e.target.dataset.opacity=opacity; 这样不能赋值成功 }
添加回答
举报
0/150
提交
取消