一、给数组绑定点击事件
在之前的学习中都是给一些基本的元素(button、view)绑定了元素 ,但从来没给每个循环元素绑定过
<view class="box1 flexA" v-for="(item,index) in list" @click="getItem(item,index)">
<view class="" style="margin-left: 100rpx;">
<view class="flexJ" style="width: 400rpx;">
<view class="">商品名称 </view>
<view class="">{
{item.name}}</view>
</view>
<view class="flexJ" style="width: 400rpx;">
<view class="">数量</view>
<view class="">{
{item.num}}</view>
</view>
<view class="flexJ" style="width: 400rpx;">
<view class="">价钱</view>
<view class="">¥{
{item.price}}</view>
</view>
</view>
</view>
list: [{
name: '奥特曼1',
num: 6,
price: 50,
id: 1,
status: false,
}, {
name: '奥特曼2',
num: 5,
price: 30,
id: 2,
status: false,
}, {
name: '奥特曼3',
num: 8,
price: 16,
id: 3,
status: false,
}],
上面是一组基础数据 我们要实现点击哪个组 就拿到哪组的数据 记得给谁绑定谁就会生效,绑定了点击事件 记得要在methods里面定义哈
getItem(item, index) {
console.log(item, index);
},
注意在循环中 我们是可以把循环的变量当做参数传给 methods里定义的方法里的, 注意传过去的参数 和接受的参数 要对应
<view class="box1 flexA" v-for="(item,index) in list" @click="getItem(item,index)"></view>
getItem(item, index) {
c