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

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