经常开发小程序和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')
}有新入行同学向丁老师咨询,在使用Uniapp做微信小程序时,是选择Vue2还是Vue3呢?哪个开发微信小程序更好一点,两者有什么区别呢?今天丁老师给大家介绍一下。首先,我们来介绍一下Vue2和Vue3。Vue2和Vue3是Vue.js框...
最近有个项目,是开发鸿蒙APP,涉及到鸿蒙应用的打包和发布的流程,特此开个文章做一下介绍。打包应用鸿蒙应用主要通过DevEco Studio进行打包,打包后生成的是HAP文件 (HarmonyOS Application Package...
有同学提问,使用的Spring Boot框架,有两个微服务,为了实现追踪,使用了<artifactId spring-cloud-sleuth-zipkin</artifactId 以及zipkin。A服务是生产者,通过Ra...
在Java中,提交请求时加入参数有两种方法:一、把参数直接写在url中,如:如请求url是https://www.aaa.com,参数是name=kevin,gender=2,那么可以直接把请求url写成https://www.aaa....
在进行vue开发中,经常会遇到复制对象,赋值新对象后,原对象值被改变的问题,举个例子:let old={ "a":1, "b":2 } let new=old; new['c']=3;...
在使用python3.12时突然遇到提示windows No module named distutils,研究了一下,把解决办法分享出来。1.安装 setuptools,它现在也提供 distutils;2.从第三方源(如系统软件包)载入...
开发抖音小程序是一个涉及多个步骤的过程,需要准备相应的资料和工具。以下是开发抖音小程序需要准备的资料和步骤:1. 入驻抖音开发平台:首先,你需要在抖音开放平台注册一个开发者账号,并完成主体认证和对公认证。如果未完成认证,你可以在沙盒工具中创...
目前随着AI的不断发展,Vibe Coding的持续普及,诞生了大量的AI软件开发工具(IDE),通过这些工具,可以让一个不懂软件开发的人、没有任何技术能力的人使用AI来开发出想要的软件、网站等等。有同学咨询丁老师,使用AI开发的软件,可以...