作者:自由的成长_563_742_784 | 来源:互联网 | 2023-07-28 15:17
HTML代码如下:
1 2 3 4 5 6 7 8 9 10 11
| v-show="!showLoading"
v-for="(item, index) in cards"
:key="index"
class="body-swiper"
@touchstart="touchstart"
@touchend="touchend($event, index, item.content.user.id)"
:z-index': (10 - index), top: item.top + 'px'}"
:animation="item.animation">
|
js代码如下:
对ajax接口返回的数据做处理:
1 2 3 4 5 6 7 8 9 10
| for(let i=0;i // 有一些不相关的内容
let item = {
content: res.data.list[i],
top: 18,
animation: {}
};
this.cards.push(item);
this.showLoading = false;
} |
其中
中的数据是每次返回10条,
在初次进入页面时,请求接口的前10条数据循环生成的卡片上是有
和
事件的,
之后的第二个10条中的数据循环生成的卡片元素上的事件就不起作用了
请问应该怎么改?