Taro開發微信小程序遇到的問題和解決方法


1.scroll-view 置頂, 給設置scroll-top為0無效問題?

解決方案: 不觸發置頂問題,需要給scroll-top一個設置接近0的隨機數,Math.random()

2.scroll-view綁定bindscrolltolower沒有觸發問題?

解決方案: 通過獲取系統信息wx.getSystemInfoSync()拿到屏幕的高度,然后減去其他組件占位的高度, 得到scroll-view容器的高度, 最后給scroll-view的style設置容器的高度才能生效

3.用wx.createSelectorQuery().select(id).fields({computedStyle: ['margin', 'backgroundColor', 'width', 'height']}),獲取高度,如果設置了padding得到的值不准確問題?

解決方案: 給容器添加box-sizing: border-box;

4.注意在使用taro, 對webpack配置defineConstants全局變量,不能在代碼中使用相同和全局變量相同的命令變量或者函數中的形成

5.小程序中使用request,如果url直接帶上中文,在部分手機會導致中文編號異常請求失敗

解決不要直接query拼接到url中,把query傳遞到request對應的data中,最好在header中添加'Content-Type': 'application/json; charset=utf-8'

6.aro v1.3.0-beta.3開發微信插件,使用'@tarojs/async-await'導致regeneratorRuntime is not defined報錯

在載入@tarojs/async-await的地方添加一個聲明const regeneratorRuntime = global.regeneratorRuntime;

7.升級Taro為Taro v1.3.0-beta.3,開發微信插件,微信開發工具報VM2140:5 未找到入口 app.json 文件,或者文件讀取失敗,請檢查后重新編譯。

解決方法: 修改project.config.json中的miniprogramRoot的值為miniprogram/weapp/

8.使用ref無法獲取自組件的問題,描述在Taro的componentWillMount中調用自組件的方法,無法獲取自組件的問題

解決方法: 在componentDidMount中調用自組件的方法,因為componentWillMount的時候還沒有加載完DOM

9.前最外層容器使用width: 100vw;padding:20px;的時候, 子容器設置'width:100%'會導致子容器的寬度為100vw

解決方法: 外層容器使用width:100%;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM