uni-app转抖音小程序在ios中input标签的问题

一、input标签在ios不显示

本人开发中用uni-app转字节小程序的，发现在开发工具和安卓上input标签可以正常显示，但是在ios上发现input标签不显示。

解决办法：给input加上宽度；

原因大概是抖音小程序的input输入框没有宽度，需要手动设置。

<!-- 在ios不显示 -->
<input type="text" placeholder="请输入..." />

<!-- 调整后 - 设置宽度，就可以显示 -->
<input type="text" placeholder="请输入..." style="width: 100px" />

二、input标签在ios中给不上默认值

页面初始化后从本地缓存中得到数据并绑定给input标签，在ios中有时会发现value值已经得到了，但是没渲染到页面上。

解决办法：在获取数据前使用$nextTick延迟渲染下。

<!-- 输入框 -->
<input type="text" v-model="value" style="width: 100px;" />

/** 这样可能导致input值给不上 */
onLoad() {
    this.value = uni.getStorageSync("value");
}

/** 调整后 */
onLoad() {
    this.$nextTick(() => {
	    this.value = uni.getStorageSync("value");
    });
}