热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

使用mpvue开发小程序,vfor新生成的元素上绑定的事件失效

HTML代码如下:

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;

      }

其中

1
res.data.list

中的数据是每次返回10条,
在初次进入页面时,请求接口的前10条数据循环生成的卡片上是有

1
touchstart

1
touchend

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

请问应该怎么改?


推荐阅读
author-avatar
自由的成长_563_742_784
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有