uni-app前端圖表組件庫,折現圖橫屏android失敗的解決辦法
網址:https://www.ucharts.cn/v2/#/demo/index,需要登錄,微信就可以
我在使用折現圖時,業務需要把曲線圖在點擊全屏時橫屏全屏顯示。就做個全屏頁面,點擊後,把option和data傳到該頁面去。做前端得夥伴實現後,發現他得iphone13每次全屏都沒問題,而在我得android機和微信開發者工具上看,就有時會出現不能全屏得情況。
後來,發現問題可能是,發現視圖在渲染時,可能數據還沒準備好,所以,想了個辦法,先把綁定對象在data裏置爲null,標籤上 v-if="chartData",然後在onLoad裏接收得數據,用一個data字段接收,在ready裏,賦值給綁定對象。也就是onLoad裏得字段只作爲傳輸作用,不綁定,專門定義個變量來綁定option和chartData。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
SGDMA與普通DMA
藍天上的雲℡
2024-05-02 14:21:20
用json來存數據的思路. json類型數據庫的思路.
張博的博客
2024-05-02 14:19:50
Vue | babel.config.js 配置詳解
emanlee
2024-05-02 14:10:29
Vue項目中main.js、App.vue、import...from...等的作用和意義
emanlee
2024-05-02 14:10:29
Vue .eslintignore
emanlee
2024-05-02 14:10:29
Vue mockjs mock.js
emanlee
2024-05-02 14:10:29
Vue .gitignore
emanlee
2024-05-02 14:10:29
vue 項目構建之 jsconfig.json 作用
emanlee
2024-05-02 14:10:29
Vue .eslintrc.js
emanlee
2024-05-02 14:10:29
Vue 生命週期 Vue進階(三十六):created() 詳解
emanlee
2024-05-02 14:10:29
Vue .browserslistrc
emanlee
2024-05-02 14:10:29
前端Vue 啓動過程 啓動流程 執行流程
emanlee
2024-05-02 14:10:29