uni-app注意点
vue只会将已经在data中声明的属性变为响应,没有声明的是不响应的,特别是数组和对象千万要注意
export default({
data(){
return{
abc:'',
list:{a:'a',b:'b'},
}
},
methods: {
abcclick() {
// 可以触发渲染
this.abc='c'
},
click() {
// 未声明不触发渲染,原先对象中没有c
this.list.c='c'
},
hadelClick(){
// 解决方法,使用vue提供的$set方法来触发渲染
this.$set(this.list,'d','d')
}
}
})
uni-app官方提供的popup插件,底部弹出会因为在iphoneX的底部有安全距离,出现底部留空现象。如不需要可以注释掉插件中的css:
/* iphonex 等安全区设置,底部安全区适配 */
/* #ifndef APP-NVUE */
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
/* #endif */