uni-app的那些坑

最新推荐文章于 2023-12-15 08:00:00 发布
最新推荐文章于 2023-12-15 08:00:00 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： uni-app web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17767243/article/details/106108372
版权
本文总结了uni-app开发过程中遇到的两个问题：1. 当组件名为swiper.vue或Swiper.vue时，会导致swiper组件事件处理程序找不到；2. 在设置头部导航时，虽然在手机端能正常显示，但在小程序端需要手动取消默认导航栏并在首页组件中处理。
摘要由CSDN通过智能技术生成

1、swiper组件
如果有轮播图的组件名叫swiper.vue 或者 Swiper.vue 的时候，那么在使用swiper组件的时候会报 “找不到事件处理程序”，因此组件名不能叫swiper/Swiper。
2、头部布局的问题。
在pages.json 设置头部导航

	"style": {
   
				"navigationBarTitleText": "uni-app",
				"navigationBarBackgroundColor": "#FFFFFF",
				"app-plus":{
   
					"scrollIndicator"
最低0.47元/天 解锁文章
学而用心思
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp学习（遇到的坑）
weixin_58896221的博客
07-28 2121
vant组件初步引用报错问题，axios,mockjs，Toast直接使用报错，vuex
uniapp-chat:借助uni-app开发的 chat聊天界面
05-11
在mui中有chat界面的例子，升级到uni-app后，没有类似的模板，因此模仿写了一个。遇到了一些坑，在此一一记录下来。当然，由于是新手，可能有些坑可以避开。 scroll-view高度的设置 输入内容后，必然要在对话界面的...
关于uniapp开发app的坑（有些可能是app开发都会遇到的）
最新发布
weixin_42095178的博客
12-15 1847
⾸先第三⽅授权登录（如微信登录）中的签名为app证书的md5，⽅法按照Dcloud官⽅⾛就完事，Java可以选择下载的，更快，⽤Oracle的贼⿇烦还要注册账户，然后就到了坑，再输⼊密码的时候会发现输⼊的内容不显⽰，⼀度怀疑⼈⽣，后来发现只是是隐藏了⽽已，为了安全…所有页⾯样式失效还是样式与⼩程序不符先想想这个页⾯有没有input，video，textarea这类使⽤了原⽣组件的组件，解决办法官⽅有，但看不懂，笨办法是使⽤v-if来隐藏，然后v-else写个假的放上⾯，⽤的时候显⽰真的，其他时候显⽰假的*
【uni-app】uni从入门到放弃之踩坑集合
12-21
1.使用vue-cli创建的uni-app的静态资源必须存放在static文件夹下， 尝试了绝对路径，相对路径都报错，找了半个多小时才度娘出来， 根据：https://ask.dcloud.net.cn/question/76738 2.vue组件数据单向流设计模式 今天使用uni写组件的试试，怪自己学识短浅遇到了这个vue的注意事项，就是vue父子组件数据单向流的原则。 比如说父组件传入一个value ，子组件props：{value}接收，如果要更改传过来的value这样属于违背了vue 的设计原则， 如果value是基本类型vue会报错，如果value是引用类型则不会报错，因为引用类型
uniapp的那些坑
哆来A梦没有口袋的博客
07-01 1万+
1.selectedColor不起作用 1.查看位置是否写对，与lis同级 2.是否为16进制，selectedColor写的rgb不支持 3.是否被其他样式覆盖，其他地方也设置过selectedColor，可以全局搜索一下 2.input框被输入键盘覆盖 如 ： input这些输入框，有一个自带的属性，可以设置键盘到输入框的距离 如： 设置样式后正常 3.有遮罩层时，禁止滚动...
关于我在uni-app练手中遇到的坑
lw18751836671的专栏
11-23 1418
前几周一直在用uni-app练手，于是乎写了一个视频播放器，从一开始粗糙版，到加入了数据库后的简易版。其中记录一下坑。代码的话已经提交到github，可能后续还会维护下去，看自己有什么好的想法吧。如图所示，在在加载数据后，进入第二层，第三层目录后，如何回退到父级目录。这里就考虑一个数据接口，栈，先进后出。页面中定义一个parentDir: [],如果是运行在安卓手机中当app，则window.encodeURI是无效的，所以需要使用。
uni-app 开发踩坑问题，各种坑爹问题合集（不更新了）
热门推荐
meis27461的博客
09-20 3万+
1.v-show 有一点uni开发经验的前端基本都知道这个问题，v-show这个vue属性在打包后是没有作用的，可以用v-if或者通过class绑定来解决这个问题。 2.过长的属性名 这个问题比较少见，但是一旦出现是非常致命的，因为它没有准确的报错信息，debug非常困难，一般情况下会在子组件调用父组件定义父组件属性名的时候出现这种问题。 3.Data.parse()时间转化为时间戳出现Na...
uni-app中使用scss的示例代码
12-14
整个一个下午我都在解决uni-app中使用scss的坑，首先说一下我的问题，在用scss时一直不能使用@mixin，然后百度各种办法调试： 代码写法问题（完全按官网的写法来的不可行）: 官网demo 浏览器问题（换火狐不行）。 ...
AJ-Captcha for UNI-APP VUE3 VITE实例
01-03
AJ-Captcha官网只提供了UNI-APP VUE2的实例，放到VUE3里不通用的，所以调整了下代码，以满足VUE3 VITE，喜欢就拿去用。直接使用HBuilder X导入项目，在Web浏览器中预览即可。兼容微信小程序，APP开发。一款很不错的...
uni-app如何页面传参数的几种方法总结
10-15
然而，使用`uni.$emit()`和`uni.$on()`时需要注意一个重要的坑：必须先打开目标页面，然后再发射参数，否则接收页面可能无法接收到数据。这是因为事件的发射和监听是在不同页面的上下文中进行的。如果发射事件过早，...
uni-app 踩坑记录（持续更新）
weixin_43967105的博客
09-16 1987
Input： 1、Focus, h5平台根据各家浏览器决定是否自动聚焦； 2、支付宝无法自动聚焦且ios在支付宝平台发起验证码，键盘没有一键粘贴板； 3、百度在自动聚焦时blur 事件总是先于focus 事件，因此在多个input 存在的情况下，要靠程序自动唤起B input 聚焦，必然会先执行A 的失焦事件，然后再执行B的聚焦事件； 4、不同机型在允许自动聚焦功能的平台上，聚焦和失焦的事件处理也会有差别，ios 普遍失焦事件先于聚焦事件，在频繁地操作聚焦失焦时，...
uniapp踩坑记录
u014636613的博客
10-03 1606
来自同事和自己的一些踩坑记录： 1、页面生命周期onLoad和onInit函数无法使用async await。 2、uni-app主题色改变功能只能使用css变量，无法使用scss变量，且绑定根元素样式中不能直接绑定整个对象，必须把每一个选项列出来。在使用时要用横杠不能用驼峰 3、每个页面组件最外层都要包一层view，不然在高度计算时会出现问题。 4、拆分引用组件时，引用路径一定要完整引用到.vue，无法用index.ts/index.js。编译之后小程序会报组件引用不到的错误。 5、微信小程序websoc
个人首次使用UniAPP使用注意事项以及踩坑
奔跑吧代码
08-25 5676
vue3+ts+uniapp小程序个人首次使用UniAPP使用注意事项以及踩坑,持续更新!
总结uni-app遇到的坑持续跟新
Sqsdhc的博客
10-08 256
1.uni.navigateTo跳转没有反应 官方示例 //在起始页面跳转到test.vue页面并传递参数 uni.navigateTo({ url: 'test?id=1&name=uniapp' }); 可以看到给url传递了test这个页面。但是我在实际的使用写了，没有任何的反应。url是在pages页面复制过来的没有达到我们想要的效果 uni.navigateTo({ url: ‘pages/shopee/scanquery/scanquery’
uniapp swiper组件
web
06-17 2565
swiper组件 https://uniapp.dcloud.io/component/swiper?id=swiper <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" indicatorcolor="rgba(255,255,255,0.5)" indicator-active-color="#ff372b" class="swiper"> <
uniapp-swiper坑
weixin_56704277的博客
06-14 755
uniapp-swiper坑 1.组件名称swiper.vue或者Swiper的话，在传递数据的时候有可能图片就不见了。 2.改变图片的大小要用rpx。 3.swiper组件有默认的高度为150px，app中需要改变默认高度。 解决办法给swiper组件设置高度。 swiper{ height:400rpx; width:100%; } ...
uni-app采坑之路——swiper
qq_45432996的博客
04-29 7909
这里本来是要写轮播图的，明明设置好了swiper的高度值，宽度也设置成了100%，再看微信小程序和app的样式，纳尼？！！！！ 竟然显示不一样！轮播图有一部分竟然没有了 解决方法： 在swiper的页面添加swiper标签的样式，用样的复制一份,就搞定了 题外话： swiper的坑： 1.组件名称swiper.vue 或者Swiper.vue ,在传递数据的时候有可能图片就不见了。 2....
uni-app swiper里包含video，滑动不流畅问题的解决方案
忒不靠谱儿
06-01 6579
场景：轮播里要有图片还要有视频,轮播用的是swiper，视频播放用的是video。滑起来卡的不要不要的。 解决的想法： 第一步：一进入swiper自动轮播this.autoPlay=true ，视频video上面覆盖一层，再cover-view放个播放按钮，不显示video的播放按钮:show-center-play-btn=“false”，不显示video的默认播放控件（播放/暂停按钮、播放进度、时间）:controls=“controls” controls:false。 第二步：点击cover-vi
uni-app swiper数量过多时卡顿优化方案
weixin_38946164的博客
02-16 9022
当源数组长度是12的时候，效果图如下：当源数组长度是11的时候，需要追加1张空白页，效果图如下：当源数组长度是13的时候，需要追加2张空白页，效果图如下：源码下载地址：链接：https://pan.baidu.com/s/1AVB71AjEX06wpc4wbcV_tQ?pwd=l9zp提取码：l9zp。...
uni-app的优缺点
08-23
首先，由于uni-app的问世时间相对较短，其完善性还有待提高，可能会出现一些问题和坑。其次，与其他平台相比，uni-app的稳定性可能不如其他平台。因此，如果开发者希望选择一个更稳定、问题更少的开发环境，建议考虑...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值