首页 > 原创文章 > 软件开发 > 查看文章

APP下@tap.stop无效的解决方法

所属分类:软件开发 来源: 丁老师原创 更新时间:2026-09-20 15:08 浏览: 76 IP属地: 深圳

经常开发小程序和APP的同学都知道,@tap.stop方法可以在执行本身点击事件的同事,阻止父级的点击事件,比如:

<view class="wrap" @tap="set_close">
    <view class="title">标题</view>
    <view class="li" @tap.stop="set_detail">
        查看详情
    </view>
</view>

但是有同学发现了,这个@tap.stop方法只在小程序中有效,在APP中无效。根据上述代码例子,在点击set_detail的同时,还是先执行了set_close方法,这个问题该如何解决呢?今天丁老师教给你。

针对这个问题,有好几种解决方法,我们直接使用最简单的。那就是不用@tap.stop,还用普通的@tap,在执行@tap时,我们先执行$event.stopPropagation();方法。

具体代码为:

<view class="wrap" @tap="set_close">
    <view class="title">标题</view>
    <view class="li" @tap="set_detail">
        查看详情
    </view>
</view>

set_detail(e){
    //先停止父级的业务
    e.stopPropagation();
    
    //然后是你的业务逻辑
    console.log('dls soft')
}

那如果是需要在set_detail中包含其他参数的该怎么写呢?也有办法。

<view class="li" @tap="set_detail($event,'123','456')">
    查看详情
</view>

set_detail(e,id,name){
    //先停止父级的业务
    e.stopPropagation();
    
    //然后是你的业务逻辑
    console.log('dls soft')
}


标签:

相关文章

微信小程序开发用Vue2和Vue3好?有什么...

有新入行同学向丁老师咨询,在使用Uniapp做微信小程序时,是选择Vue2还是Vue3呢?哪个开发微信小程序更好一点,两者有什么区别呢?今天丁老师给大家介绍一下。首先,我们来介绍一下Vue2和Vue3。Vue2和Vue3是Vue.js框...

鸿蒙应用打包和发布的流程介绍

最近有个项目,是开发鸿蒙APP,涉及到鸿蒙应用的打包和发布的流程,特此开个文章做一下介绍。打包应用鸿蒙应用主要通过DevEco Studio进行打包,打包后生成的是HAP文件 (HarmonyOS Application Package...

关于使用Zipkin与RabbitMQ的追踪...

有同学提问,使用的Spring Boot框架,有两个微服务,为了实现追踪,使用了<artifactId spring-cloud-sleuth-zipkin</artifactId 以及zipkin。A服务是生产者,通过Ra...

Java如何在请求中加入参数?

在Java中,提交请求时加入参数有两种方法:一、把参数直接写在url中,如:如请求url是https://www.aaa.com,参数是name=kevin,gender=2,那么可以直接把请求url写成https://www.aaa....

推荐文章

Javascript复制对象改变原值的解决办...

在进行vue开发中,经常会遇到复制对象,赋值新对象后,原对象值被改变的问题,举个例子:let old={ "a":1, "b":2 } let new=old; new['c']=3;...

Python3.12提示windows No...

在使用python3.12时突然遇到提示windows No module named distutils,研究了一下,把解决办法分享出来。1.安装 setuptools,它现在也提供 distutils;2.从第三方源(如系统软件包)载入...

抖音小程序开发的流程是什么?

开发抖音小程序是一个涉及多个步骤的过程,需要准备相应的资料和工具。以下是开发抖音小程序需要准备的资料和步骤:1. 入驻抖音开发平台:首先,你需要在抖音开放平台注册一个开发者账号,并完成主体认证和对公认证。如果未完成认证,你可以在沙盒工具中创...

用AI制作的软件是否可以申请软著?丁老师解答

目前随着AI的不断发展,Vibe Coding的持续普及,诞生了大量的AI软件开发工具(IDE),通过这些工具,可以让一个不懂软件开发的人、没有任何技术能力的人使用AI来开发出想要的软件、网站等等。有同学咨询丁老师,使用AI开发的软件,可以...