uni-app 常见问题及解决方法

uni-app 常见问题及解决方法

1.条件

（1）.css条件编译

/* #ifdef H5 */
	bottom: 100upx;
/* #endif */

（2）.js条件编译

// #ifdef H5
 console.log("H5会执行此段代码")
// #endif

（3）.view条件编译

2.H5底部tabBar遮挡部分内容

padding-bottom: calc(var(--window-bottom) - 2rpx);

3.深拷贝

同时申明两个数组或其他类型数据，将数组一赋值给数组二，改变数组二某一项值界面上却没有发生变化。（理解存储原理）

let newArray = new Array();
let _obj = JSON.stringify(this.subHead),
objClone = JSON.parse(_obj);
newArray = objClone;

4.数组去重

简单数组去重

moduleIdArr=[...new Set(moduleIdArr)]

复杂数组去重

let resData = new Map();
moduleIdArr = (moduleIdArr.filter((moduleIdArr) => !resData.has(moduleIdArr.moduleId) && resData.set(moduleIdArr.moduleId, 1)))

5.比较两个格式化时间大小（YY-MM-DD）

new Date("2020-11-11").getTime() <= new Date("2020-12-12").getTime()

6.数组数据发生变化，界面未渲染

// 数组名、索引、改变的内容
this.$set(this.mainHead, index, this.mainHead[index]);

7.手机号正则

let phoneTrue = (/^[1][3,4,5,6,7,8,9][0-9]{9}$/.test(this.phoneNumber))

8.input框被输入法键盘遮挡

// 添加类uni-input 和 cursor-spacing（指定光标与键盘的距离，单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离）