4-9 关于在自定义组件上直接绑定click事件

本文探讨了Vue中自定义组件上直接绑定click事件的实现方式与限制,引用了官方文档的解释,并深入研究了上拉刷新、下拉加载组件的touch事件处理机制,包括touches、targetTouches和changedTouches的详细作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

海通社区重构

1.关于在自定义组件上直接绑定click事件的问题,如下:

<LeftImgField
            v-for="(item,index) in articleList"
            :item="item"
            :key="index"
            @click.native="toArticle(item)"
          />

vue子组件实例上不能触发click事件?

在这里插入图片描述
来自官方文档的解释:
在这里插入图片描述

2.开始学习上拉刷新,下拉加载组件的源码

 touchStart(e) {
      this.startY = e.targetTouches[0].pageY
      this.startScroll = this.$el.scrollTop || 0
      this.touching = true
    },

touch事件中的touches、targetTouches和changedTouches详解

JavaScript 特效之四大家族(offset/scroll/client/event)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值