HTML代码如下：

<view     v-show="!showLoading"     v-for="(item, index) in cards"     :key="index"     class="body-swiper"     @touchstart="touchstart"     @touchend="touchend($event, index, item.content.user.id)"     :style="{'z-index': (10 - index), top: item.top + 'px'}"     :animation="item.animation">       <!-- 不相关的内容 -->   </view>

js代码如下：

对ajax接口返回的数据做处理：

for(let i=0;i<res.data.list.length;i++) {     // 有一些不相关的内容     let item = {       content: res.data.list[i],       top: 18,       animation: {}     };     this.cards.push(item);     this.showLoading = false;   }

其中res.data.list中的数据是每次返回10条，

在初次进入页面时，请求接口的前10条数据循环生成的卡片上是有touchstart和touchend事件的，

之后的第二个10条中的数据循环生成的卡片元素上的事件就不起作用了

请问应该怎么改？