<uni-popup ref="typePopup" type="bottom" :maskClick="false" class="popup-mask">
<view class="type-popup">
<view class="pop-top-title">选择收款方式
<text class="pop-top-title-text">(可多选)</text>
</view>
<view class="action-sheet">
<!-- <view class="action-sheet-item" v-for="(item,index) in list" :key="index" @click="sellItem(index)"> -->
<checkbox-group @change="checkboxClick" v-model="checkedList">
<label style="display: flex;flex-direction: row;font-size: 28upx;">
<label>
<view class="action-sheet-item" v-for="(item,index) in list" :key="index"
@click="sellItem(index)">
<checkbox :value="item.pay_type_name"
:checked="item.checked">
<view class="action-sheet-item-left">
<text>{{item.pay_type_name}}</text>
<view class="action-sheet-item-left-bg">
<image src="../../static/images/otc/alipay.png"
v-if="item.pay_type == 2" class="action-sheet-item-image"></image>
<image src="../../static/images/otc/we-chat.png" v-if="item.pay_type==3"
class="action-sheet-item-image"></image>
<image src="../../static/images/otc/bank-card.png"
v-if="item.pay_type==1" class="action-sheet-item-image"></image>
</view>
</view>
</checkbox>
</view>
</label>
</label>
</checkbox-group>
事件:
//点击多选框
checkboxClick(e) {
console.log('eee', e)
this.checkedList = e.detail.value //定义namesel获取复选框的数组值
this.typeName = this.checkedList
console.log(this.checkedList) //注意这里的this.checkedList 自动获取到选中的值,不管是几个
this.checkedList = this.checkedList.join(",") //以逗号隔开向后台传递
console.log('namesel的值', this.checkedList)
},