为了账号安全,请及时绑定邮箱和手机立即绑定

微信小程序如何动态修改一组view的属性值?

微信小程序如何动态修改一组view的属性值?

MM们 2019-03-05 13:15:11
问题描述 我想创建三个图片,中间的的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; 这样不能赋值成功 }
查看完整描述

2 回答

  • 2 回答
  • 0 关注
  • 657 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信