uni-app開發記錄一

1、swiper輪播圖圓角滑動會先直角再圓角的解決方法
通過層級關係 z-index: 解決

2、uni-app開發 中 text 標籤嵌套image標籤問題
text標籤嵌套image,瀏覽器上圖片正常,手機上是不能正在顯示的。

3、設置背景顏色漸變,高度自適應,最小高度全屏解決方案

min-height: 100vh;
display: flex;
flex-direction: column;
flex: 1;
background: linear-gradient(left, #FFB709, #FE9402);
background: -webkit-linear-gradient(left, #FFB709, #FE9402);
4、在 uni-app 中不能使用 * 選擇器。

5、生命週期
uni-app 完整支持 Vue 實例的生命週期,同時還支持 應用生命週期 及 頁面生命週期。

支持 vue 實例的如下生命週期函數,

beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
詳細的 vue 生命週期文檔請看生命週期鉤子。
注意
不要在選項屬性或回調上使用箭頭函數,比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod())。因爲箭頭函數是和父級上下文綁定在一起的,this 不會是如你做預期的 Vue 實例,且 this.a 或 this.myMethod 也會是未定義的。
建議使用 uni-app 的 onReady代替 vue 的 mounted。
建議使用 uni-app 的 onLoad 代替 vue 的 created

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章