uniapp之当你问起“tab方法触发时eventchange也跟着触发了咋办”时

最新推荐文章于 2023-10-25 15:44:08 发布
最新推荐文章于 2023-10-25 15:44:08 发布
阅读量592 收藏
点赞数
分类专栏： js vue 文章标签： uni-app 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shengjunlintianxia/article/details/132169539
版权
js 同时被 2 个专栏收录
25 篇文章 0 订阅
订阅专栏
vue
7 篇文章 0 订阅
订阅专栏

我相信没有大佬会在这个问题上卡两个小时吧，记下来大家就当看个乐子了。 

 

 当时问题就是，点击tab头切换的时候，作为tab滑动事件的eventchange同时触发了，使得接口请求了两次

 大概是没睡好，我当时脑子老想着怎么阻止它冒泡，tap.stop等写法我都写了一遍，然而没有一点效果。直到起来泡茶的时候才突然想到，滑动事件eventchange用的是swiper标签

 而文档明确写道current改变时触发change，也就是我只需改动current

 所以这部分都是多余的

 

shengjunlintianxia
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
10-15
主要介绍了vue vantUI tab切换时 list组件不触发load事件的解决办法,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
uniapp map地图实现marker聚合点，并点击marker触发事件
weixin_44705979的博客
10-20 2529
【代码】uniapp map地图实现marker聚合点，并点击marker触发事件。
uniapp 开发APP @tap 无效
xhddwl的博客
09-02 2795
以上是正确写法 如果要是加上 native 修饰符 在浏览器运行没问题 但是打包之后就会发现@tap事件根本触发不了 修饰符一定要注意顺序以及其意义。@tap.stop.proevent="事件名"
小程序map之坑---markertap事件自动触发tap事件
hanchengmei的博客
02-22 1261
解决方法：定义开关isClickMarker = false, 在markertap中打开开关 isClickMarker = true, tap中settimeout延后100ms并且isClickMarker=false时执行内容，markertap中1s后关闭开关
小程序遵循的语法_2020年遵循的最佳应用程序开发实践
cullen2012的博客
09-10 491
小程序遵循的语法 As per the stats, there were around 6 billion mobile app users in 2018-19. With increased demand for mobile apps, the number of mobile users has increased exponentially as compared to last y...
uniapp中tabbar导航的点击事件
qq_44866810的博客
10-12 1616
如果想在App端实现点击某个tabitem不跳转页面，不能使用onTabItemTap。因为该函数在APP端是使用不了的，如果后期想生成多端系统的话就不要使用留坑。可以使用onNavigationBarButtonTap代替。index：点击的序号，从0开始。pagePath：点击页面路径。text：点击按钮文字。
uni-app 中 tabBar 点击或单击事件说明以及双击事件模拟
haplant的专栏
06-08 5976
我们在使用 uni-app 开发前端时，如果应用是一个多 tab 应用，可以通过使用官方提供的原生 tabBar 来实现页面导航。本文介绍如何实现 tabBar 单击切换初始化，双击进行页面数据刷新。
uni-app中tab选项卡的实现效果 @click=“clickTab（‘sell‘）“事件可传参数
最新发布
m0_49714202的博客
10-25 1230
uni-app中tab选项卡的实现效果 @click="clickTab（'sell'）"事件可传参数
uniapp 多击事件
记录
10-12 741
**功能：连续点击n次弹出对话框（多击事件）** 一句话总结 就是在单击事件上加一个变量记录他的点击次数，并且每次点击间隔时间不可以大于300毫秒。 <view @click='clickss(5)'>点我5次，弹出对话框</view> <script> export default { data() { return { num:0, curTime:0, lastTime:0, show:false, }, me
tab栏切换，列表参数改变触发2次请求的问题
风如也的博客
10-15 3986
问题场景：比如两个可切换的tab栏，两个内容框里面用的同一个请求列表的接口和同一个组件，请求列表的参数，除了公共参数之外，（tab2比tab1多两个参数）。 现在遇到的问题1是： 在每次切换tab的时候请求列表的接口都会调用两次，理想的情况是对应的tab栏只调用一次。 解决问题1的思路是：在tab里面的列表组件上添加 v-if:activeName，因为 el-tab本身内部是使用 v-show 来显示与隐藏 el-tab-pane的，所以在每次切换tab的时候接口会调用两次。 问题2：在子组件中修改父组件
表单填写时用回车代替TAB的实现方法
10-30
表单填写时用回车代替TAB的实现方法
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
11-28
点击父页面tab 页关闭按钮时，需要做判断，判断该tab页面是否可以关闭：获取子页面js中定义的taskStatus，如果taskStatu不为taskEnd，则表示任务还在执行，不让关闭 解决方法 给tab标签页增加onBeforeClose事件处理...
uniapp 顶部tab切换菜单
03-16
最近在使用uniAPP做项目，页面中要使用到顶部tab菜单，但又不想使用别人的插件，于是自己用代码实现了一下
js中字符串与数字间的运算
shengjunlintianxia的博客
05-30 7878
备忘录 js中字符串与数字间的运算分三种情况 第一种，加号“+”： "12" + 12 = 12 + "12" = "1212" 无论怎么变换位置，结果都为字符串，因为“ + ”是个特殊的符号，除了基本运算外，在程序里还有个作用就是——连接，除非两个都是数字，否则都会把其中的数字转换为字符串相连接。 第二种，第一个（无论是字串还是数字）前面有符号： +"12" + 12 = +12 +...
js循环请求同一个接口
shengjunlintianxia的博客
01-25 2299
备忘录 原来的： 加上async await 网上抄来的示例改了一下下： let outer = ['out1','out2','out3'],inner = ['in1','in2','in3']; async function runTask(){ const timeout = ()=>{ //关键是promise return new Promise(res=>{ setTimeout(()=>...
layui路径问题解决方案
shengjunlintianxia的博客
03-15 2077
如图，级联选择框的样式文件引入，路径是对的，但却报错如下 解决方案 可以使用 layui.cache.base来获取到其根路径，以此来代替../这种相对路径写法 最后更改如下
layui表格换行，有固定列的情况
shengjunlintianxia的博客
07-22 1904
一般的写入样式直接换行，如果所有表格都要改成换行，建议放到admin.css全局 .layui-table-cell {/*全局*/ height:auto; min-height: 20px; overflow:visible; text-overflow:inherit; white-space:normal; word-break: ..
layui模板引擎不生效解决方案
shengjunlintianxia的博客
03-17 1323
<script type="text/html" template> <form id="bill_queryForm" class="layui-form" {{Id !="" ? 'style="display: none;"' : ''}} > .... </form> </script> 今天又造出一个bug，上面这段laytpl没有生效，找了一个多小时原因，发现没有加配置入口 ，而上面这种写法是依赖layuiAdmin的页面模板自动渲染的...
循环同步请求同一个接口
shengjunlintianxia的博客
02-25 1028
原来的： async getData() { let that = this; //重设日期标题 this.doctorStatus = []; this.headList = []; this.dataList = []; for (let i = 0; i < this.winSteps; i++) { this.doctorStatus[i] = []; this.data.
h-ui.admin切换tab时触发
06-06
当 tab 切换时，该事件监听器会触发并执行相应的代码，这里只是简单地打印了一条信息。 请注意，上述代码中的 `Hui-tab` 表示 H-ui.admin 已经初始化的 tab 元素。如果 H-ui.admin 的 tab 元素的 ID 不是 `Hui-tab`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值