uni-app运行到H5正常，但运行到小程序不正常、报错总结

同级多个 v-for 时 key 的值是不允许重复的，key 的绑定是不支持表达式的，需要按照以下方式处理。

控制台"Cannot read property 'globalData' of undefined"

解决办法：将getApp()替换成this

以上错误的写法编译都会不通过

问题应该出在(itemtitle || '')length，其中(itemtitle || '')得到的结果有问题

解决办法：加入in(this)

原因：h5引用组件会渲染成uni-view标签，而小程序直接是comp-a标签，此时虽然显示设置了样式，但不会渲染出来

解决办法：在子组件中设置好样式，或者用/deep/ 对子组件下的节点设置样式

解决办法：在父组件修改对象的数据，不要在子组件 *** 作，网上说是微信小程序无法直接 *** 作props里的对象

1竖向的列表，使用的view的滚动，并设置overflow-y:scroll;滑动列表然后点击列表某一项跳转详情后，再回到列表页，view总是回到了顶部，和 这个问题 一样。

解决办法：

使用scroll-view替换view，设置scroll-y=true，但也产生了一个问题，scroll-view的宽度默认继承父级元素的宽度（屏幕宽度），并不是等于所有子集元素的和，因此需要动态设置scroll-view的宽度

2uni设置scroll-top为0无效

uniapp里面使用scroll-view 组件，动态设置scroll-top 属性来控制滚动高度，但是当想滚动到起始位置时 设置动态值为0 时无效的

解决办法：

首先要定义一个变量记录滚动条的位置

用 @scroll="scrollChange" 监听 滚动条变化

定义一个变量 存滚动的位置，当需要滚动到 初始值的时候

先将滚动的当前高度赋值给scrollTop 然后设置为0 就有效果了

最近要从零开发一个跟后台管理系统对接的小程序，因为功能比较复杂，时间短，选择了比较火的uni-app，因为小程序出现的时间较短，各方面并不完善，开发过程中就是不断踩坑的过程，特此记录一小下。

uni-app虽然功能还不完善，但是插件市场里东西还是不少的，在搭建框架中因为需求要求借鉴了之前开发的PC端，所以有一些跟之前开发VUE相关的插件 ，可以提高开发效率，

插件：

坑：

1覆盖原生组件，需要用cover-view容器，但是cover-view里可包含的标签有限，类似view等在真机调试时不显示，需全部替换成cover-view，且icon无法显示，可以用cover-imaga代替。

2小程序和小程序之间的跳转（如腾讯云的人机滑动验证），跳转回来时需要进行 *** 作，此时可以判断appvue中的options，如果按小程序文档中来说当optionsscene === 1038时是小程序跳回来的场景，但是部分手机跳回来是optionsscene为1001，只能将这2种都作为跳转判断的条件。

3小程序跳转回来app中的onshow有时不执行，这个原因暂未找到

4在uniapp的H5版本 ，接入 腾讯云滑动验证 ，示例的点击滑动验证元素是通过dom *** 作的，但是无效，可能跟uniAPP不支持dom *** 作有关系，采用定制接入方法一，手动调用。

uniapp滚动内容大小变了可能是由于某些布局的设置变化导致的，或者是特定样式更改了页面元素的宽高，从而影响了滚动内容的大小。因此，应该首先检查页面布局与样式是否有变化，然后进行更改或返回到原来设置即可。

解决方案：

定义一个布尔类型的变量放到页面上去，改变循环的数据的某个属性时，给该变量赋值成false，然后再设置成true

只能使用create生命周期去构造了，如果不能满足的话就另想其他办法了

使用 placeholder-class 属性设置一个类名，再用该类名写样式去覆盖掉原有的样式

使用js给img标签添加行内样式以达到目的

经过顽强的询问，搜索，才知道HBuilderX 290+ 相关更新：调整根字体大小为系统默认大小与微信小程序平台一致，调整后 rem 默认大小不再为 窗口宽度/20，改为了浏览器（webview）默认的字体大小，一般为 16px

这是社区给的解决方案： 更新 HBuilderX 290+ 后 rpx(upx)、rem 样式变形的处理办法

我做的项目主要是使用 rpx 的部分变形，使用的解决方案为 宽屏适配指南

在里面找到的解决方案如下：

在 pagesjson 的 globeStyle 里配置 rpx 的如下参数

蓝牙打印机品牌型号：芝柯HDT334

打印模式为CPCL

涉及到的主要是连接蓝牙功能，和CPCL指令集的定位、画线。

需要注意的是文字的长度超出最大宽度后，需要动态换行问题。解决方法：

在dom中创建一个隐藏的div，将获取的文字放进去，再获取整个div的宽度width，并在打印区域测试出最大的width，再进行判断，若小于最大width，则正常显示，若大于的话，需要将文字在固定位置截取，分两行放置，并且文字下方的其他内容都需要向下平移。

以上就是关于uni-app运行到H5正常，但运行到小程序不正常、报错总结全部的内容，包括:uni-app运行到H5正常，但运行到小程序不正常、报错总结、uni-app小程序开发踩坑记录、uniapp滚动内容大小变了等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！