问题汇总（uniapp）

主包与分包

微信分包问题：主包相当于全局作用域，分包相当于局部作用域。分包可以访问主包。

启动页

uni-app 会将 pages.json 配置项中的第一个页面，作为当前工程的首页（启动页）。

uniapp 打包问题

打包 H5 时，最终项目包括所有内容。本地网页及相关资源（js、css等文件）必须放在 uni-app 项目的 /hybrid/html 文件夹下。

打包小程序时，只包含特定内容。

ref 问题

uni-app 的 ref 属性不能用在内置组件上面，只能用在自定义组件上面。

toast 字数

uni.showToast() 有图标时，最多显示7个字符；没有图标时，可以显示更多。

webview 导航栏问题

小程序端 web-view 组件一定有原生导航栏，下面一定是全屏的 web-view 组件，navigationStyle: custom 对 web-view 组件无效。

uniapp兼容ipad平板配置_uniapp开发平板rpx适配_搬砖的前端的博客-CSDN博客

uni-popup 滚动穿透问题

h5 平台会自动禁止滚动穿透。

微信小程序、App 平台需要用户特殊处理一下，可使用 page-meta 组件动态修改页面滚动：popup显示时禁止页面滚动，popup隐藏时允许页面滚动。

1
2
3
<page-meta :page-style="'overflow:'+(show?'hidden':'visible')">

</page-meta>

参考资料：uni-app官网

地图选点问题

  • uni.chooseLocation：跨平台

  • 腾讯地图插件：只支持微信小程序

微信小程序之实现地图定位（使用腾讯位置服务插件）

uni.chooseLocation：H5 端使用地图和定位相关，需要在 manifest.json 内配置腾讯或谷歌等三方地图服务商申请的秘钥（key）。

App 初始化

1
2
3
new Vue({
    ...App
})

必须是 ...App，否则会导致应用生命周期不执行。