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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app运行到H5正常,但运行到小程序不正常、报错总结相关的知识,希望对你有一定的参考价值。

参考技术A

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

控制台"Cannot read property \'globalData\' of undefined"
解决办法:将getApp()替换成this

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

问题应该出在(item.title || \'\').length,其中(item.title || \'\')得到的结果有问题

解决办法:加入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的宽度
2.uni设置scroll-top为0无效
uniapp里面使用scroll-view 组件,动态设置scroll-top 属性来控制滚动高度,但是当想滚动到起始位置时 设置动态值为0 时无效的
解决办法:
首先要定义一个变量记录滚动条的位置

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

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

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

以上是关于uni-app运行到H5正常,但运行到小程序不正常、报错总结的主要内容,如果未能解决你的问题,请参考以下文章

uniAPP小程序 子组件使用watch不生效,H5正常,小程序不正常(其实是子组件model选项的问题)

hbuilder x 中运行 uni-app

uni-app 发布小程序时的坑(本地运行没毛病)

uni-app显示ORA-00917: 缺失逗号

Android 自己开发的app 打开app 部分手机正常使用,但有的手机弹出通知程序异常停止 但还能正常使用?

Spring boot 运行错误 bootRun 工作正常,但应用程序运行不工作