今天給各位分享uniapp項(xiàng)目運(yùn)行到web上樣式錯(cuò)亂的知識(shí)，其中也會(huì)對(duì)uniapp發(fā)布小程序樣式亂了進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、uni-app運(yùn)行到H5正常，但運(yùn)行到小程序不正常、報(bào)錯(cuò)總結(jié)
• 2、uniapppadmimi2頁(yè)面樣式加載錯(cuò)亂
• 3、uniapp安裝vuex后頁(yè)面混亂
• 4、uniapp開發(fā)遇到的問題總結(jié)
• 5、uni-app 為什么CSS運(yùn)行到到手機(jī)上就錯(cuò)位了
• 6、uniapp 為什么嵌入web-view頁(yè)面空白

uni-app運(yùn)行到H5正常，但運(yùn)行到小程序不正常、報(bào)錯(cuò)總結(jié)

同級(jí)多個(gè) v-for 時(shí) key 的值是不允許重復(fù)的，key 的綁定是不支持表達(dá)式的，需要按照以下方式處理。

控制臺(tái)"Cannot read property 'globalData' of undefined"

解決辦法：將getApp()替換成this

以上錯(cuò)誤的寫法編譯都會(huì)不通過

問題應(yīng)該出在(item.title || '').length，其中(item.title || '')得到的結(jié)果有問題

解決辦法：加入in(this)

原因：h5引用組件會(huì)渲染成uni-view標(biāo)簽，而小程序直接是comp-a標(biāo)簽，此時(shí)雖然顯示設(shè)置了樣式，但不會(huì)渲染出來(lái)

解決辦法：在子組件中設(shè)置好樣式，或者用/deep/ 對(duì)子組件下的節(jié)點(diǎn)設(shè)置樣式

解決辦法：在父組件修改對(duì)象的數(shù)據(jù)，不要在子組件操作，網(wǎng)上說(shuō)是微信小程序無(wú)法直接操作props里的對(duì)象

1.豎向的列表，使用的view的滾動(dòng)，并設(shè)置overflow-y:scroll;滑動(dòng)列表然后點(diǎn)擊列表某一項(xiàng)跳轉(zhuǎn)詳情后，再回到列表頁(yè)，view總是回到了頂部，和 這個(gè)問題 一樣。

解決辦法：

使用scroll-view替換view，設(shè)置scroll-y=true，但也產(chǎn)生了一個(gè)問題，scroll-view的寬度默認(rèn)繼承父級(jí)元素的寬度（屏幕寬度），并不是等于所有子集元素的和，因此需要?jiǎng)討B(tài)設(shè)置scroll-view的寬度

2.uni設(shè)置scroll-top為0無(wú)效

uniapp里面使用scroll-view 組件，動(dòng)態(tài)設(shè)置scroll-top 屬性來(lái)控制滾動(dòng)高度，但是當(dāng)想滾動(dòng)到起始位置時(shí) 設(shè)置動(dòng)態(tài)值為0 時(shí)無(wú)效的

解決辦法：

首先要定義一個(gè)變量記錄滾動(dòng)條的位置

用 @scroll="scrollChange" 監(jiān)聽 滾動(dòng)條變化

定義一個(gè)變量 存滾動(dòng)的位置，當(dāng)需要滾動(dòng)到 初始值的時(shí)候

先將滾動(dòng)的當(dāng)前高度賦值給scrollTop 然后設(shè)置為0 就有效果了

uniapppadmimi2頁(yè)面樣式加載錯(cuò)亂

1、首先打開相應(yīng)的代碼文件。

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

3、最后將代碼并注釋掉即可。

uniapp安裝vuex后頁(yè)面混亂

其實(shí)就是橫豎屏切換之后的第一個(gè)加載的頁(yè)面樣式會(huì)錯(cuò)亂，所以需要一個(gè)空白的頁(yè)面來(lái)承載這個(gè)樣式錯(cuò)亂的問題。在橫屏頁(yè)面返回時(shí)，監(jiān)聽onBackPress()使其跳轉(zhuǎn)到一個(gè)空白的vue頁(yè)面，這個(gè)空白的vue頁(yè)面在跳轉(zhuǎn)到自己想去的頁(yè)面。這樣這個(gè)空白vue頁(yè)面會(huì)樣式錯(cuò)亂，但不會(huì)影響其他頁(yè)面。

uniapp開發(fā)遇到的問題總結(jié)

解決方案：

定義一個(gè)布爾類型的變量放到頁(yè)面上去，改變循環(huán)的數(shù)據(jù)的某個(gè)屬性時(shí)，給該變量賦值成false，然后再設(shè)置成true

只能使用create生命周期去構(gòu)造了，如果不能滿足的話就另想其他辦法了

使用 placeholder-class 屬性設(shè)置一個(gè)類名，再用該類名寫樣式去覆蓋掉原有的樣式

使用js給img標(biāo)簽添加行內(nèi)樣式以達(dá)到目的

經(jīng)過頑強(qiáng)的詢問，搜索，才知道HBuilderX 2.9.0+ 相關(guān)更新：調(diào)整根字體大小為系統(tǒng)默認(rèn)大小與微信小程序平臺(tái)一致，調(diào)整后 rem 默認(rèn)大小不再為 窗口寬度/20，改為了瀏覽器（webview）默認(rèn)的字體大小，一般為 16px

這是社區(qū)給的解決方案： 更新 HBuilderX 2.9.0+ 后 rpx(upx)、rem 樣式變形的處理辦法

我做的項(xiàng)目主要是使用 rpx 的部分變形，使用的解決方案為 寬屏適配指南

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

在 pages.json 的 globeStyle 里配置 rpx 的如下參數(shù)

uni-app 為什么CSS運(yùn)行到到手機(jī)上就錯(cuò)位了

正常操作，蘋果手機(jī)總會(huì)出現(xiàn)各種各樣的問題的，可能是不兼容某個(gè)屬性，慢慢排查調(diào)整，建議先在微信開發(fā)者工具上測(cè)試，比在瀏覽器上的好一點(diǎn)。

uniapp 為什么嵌入web-view頁(yè)面空白

搭建了一個(gè)項(xiàng)目uni-app項(xiàng)目，嵌入了web-view，按照教程來(lái)搭建，src 引入文件和路徑都沒有問題，可是頁(yè)面就是出不來(lái)，也沒有報(bào)錯(cuò)，最重要的是上百度，什么也查不出來(lái)問題。

記錄下解決方案，如果遇到了這個(gè)問題的可以試著解決下。

問題：uniapp 嵌入web-view頁(yè)面空白。

解決方式：檢查web-view 中src 路徑中，命名是否有問題。正常的路徑應(yīng)該是 hybird/html /page路徑

重要的是 /hybird/html/ 這個(gè)路徑是固定寫法，不能修改，我就是將html 這個(gè)文件夾改了名字，導(dǎo)致web-view 怎么也顯示不出來(lái)。

官方解釋：

關(guān)于uniapp項(xiàng)目運(yùn)行到web上樣式錯(cuò)亂和uniapp發(fā)布小程序樣式亂了的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。