今天给各位分享uniapp项目运行到web上样式错乱的知识，其中也会对uniapp发布小程序样式乱了进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、uni-app运行到H5正常，但运行到小程序不正常、报错总结
• 2、uniapppadmimi2页面样式加载错乱
• 3、uniapp安装vuex后页面混乱
• 4、uniapp开发遇到的问题总结
• 5、uni-app 为什么CSS运行到到手机上就错位了
• 6、uniapp 为什么嵌入web-view页面空白

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

同级多个 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 就有效果了

uniapppadmimi2页面样式加载错乱

1、首先打开相应的代码文件。

2、其次找到“plus.screen.lockOrientation（‘portrait-primary’）”。

3、最后将代码并注释掉即可。

uniapp安装vuex后页面混乱

其实就是横竖屏切换之后的第一个加载的页面样式会错乱，所以需要一个空白的页面来承载这个样式错乱的问题。在横屏页面返回时，监听onBackPress()使其跳转到一个空白的vue页面，这个空白的vue页面在跳转到自己想去的页面。这样这个空白vue页面会样式错乱，但不会影响其他页面。

uniapp开发遇到的问题总结

解决方案：

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

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

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

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

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

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

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

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

在 pages.json 的 globeStyle 里配置 rpx 的如下参数

uni-app 为什么CSS运行到到手机上就错位了

正常操作，苹果手机总会出现各种各样的问题的，可能是不兼容某个属性，慢慢排查调整，建议先在微信开发者工具上测试，比在浏览器上的好一点。

uniapp 为什么嵌入web-view页面空白

搭建了一个项目uni-app项目，嵌入了web-view，按照教程来搭建，src 引入文件和路径都没有问题，可是页面就是出不来，也没有报错，最重要的是上百度，什么也查不出来问题。

记录下解决方案，如果遇到了这个问题的可以试着解决下。

问题：uniapp 嵌入web-view页面空白。

解决方式：检查web-view 中src 路径中，命名是否有问题。正常的路径应该是 hybird/html /page路径

重要的是 /hybird/html/ 这个路径是固定写法，不能修改，我就是将html 这个文件夹改了名字，导致web-view 怎么也显示不出来。

官方解释：

关于uniapp项目运行到web上样式错乱和uniapp发布小程序样式乱了的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。