js删除组数中的某一个元素(完整代码附效果图)

来源：互联网发布：暗黑3猎魔人套装数据编辑：程序博客网时间：2024/05/19 11:50

<view class="big-logos">
<imagebindtap="addimg"src='../../../image/s.png'></image>
<blockwx:for="{{img_arr}}"wx:key="index">
<view class='logoinfo'>
<text class='xxx' bindtap='xxx' data-index='{{index}}'>x</text>
<imagesrc='{{item}}'></image>
</view>
</block>
</view>
<buttonclass='top_20 btn'bindtap="upconfirm">确定</button>

xxx: function (e) {
var xxx = parseInt(e.currentTarget.dataset.index);
var arr = this.data.img_arr
arr.splice(xxx, 1)
this.setData({
img_arr: arr
})
},


.big-logos {
display: flex;
padding-top: 10rpx;
flex-wrap: wrap
}

.logoinfo {
display: flex;
position: relative;
flex-direction: column;
align-items: center;
}
image{
width: 200rpx;
height: 200rpx;
margin: 25rpx;
}
.xxx {
position: absolute;
z-indent: 2;
text-align: center;
width: 40rpx;
line-height: 40rpx;
height: 40rpx;
right: 30rpx;
top: 25rpx;
}

.btn {
background: #e2971d;
color: white;
width: 90%;
}

[2]

http://tmp/wxdeb784911d26ba23.o6zAJs4gYMYyurA4yjczA2Iagox4.bdf3bf1da3405725be763540d6601144.jpg

http://tmp/wxdeb784911d26ba23.o6zAJs4gYMYyurA4yjczA2Iagox4.076e3caed758a1c18c91a0e9cae3368f.jpg

阅读全文

1 0