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

微信小程序开发交流qq群   173683895

   承接微信小程序开发。扫码加微信。

正文：

 

<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]
		0 : http://tmp/wxdeb784911d26ba23.o6zAJs4gYMYyurA4yjczA2Iagox4.bdf3bf1da3405725be763540d6601144.jpg
		1 : http://tmp/wxdeb784911d26ba23.o6zAJs4gYMYyurA4yjczA2Iagox4.076e3caed758a1c18c91a0e9cae3368f.jpg