当前位置: 首页 > Web前端 > vue.js

不断更新uniapp遇到的坑

时间:2023-03-31 20:45:15 vue.js

如果要使用条件编译,条件编译中一定要写逗号{"path":"pages/tabbar/home/home","style":{"navigationBarTitleText":"Yushu"//不要写逗号//#ifdefAPP-PLUS||h5,//逗号的位置"navigationStyle":"custom"//#endif}}swiper组件默认高度为150px,可以传入:style="{'height':variable+'rpx'}"动态修改高度。onReachBottom()函数与生命周期函数处于同一级别。用于监听页面滑动到底部时触发。官方文件说位置不明显。通过ref获取节点的方式只有H5端才有。如果要多终端编译,需要使用下面的方法,官方文档很难理解,以下是我目前的理解//这行代码不关心uni.createSelectorQuery()//获取到哪个组件节点。in(this)//选择器的用法和querySelector类似.selectAll('name')//这个函数是用来接受数据的。boundingClientRect(function(data){console.log(data)}.bind(this))//执行所有请求并形成结果数组。exec()不是H5终端,手机顶部的状态栏区域会被页面内容覆盖,官方解决方法是滑动页面会消失,解决方法如下/*CSS*//*#ifndefMP*/.status_bar{position:sticky;顶部:0;z-索引:9999999;高度:var(--状态栏高度);宽度:100%;background-color:#6bb0b2;}/*#endif*/scroll-viewlabel水平滑动时要给label加上white-space:nowrap;还需要在其子标签中添加display:inline-block;在swiper组件中使用background-image渲染有概率滑动后图片为空白,替换为image标签,恢复正常