一、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");
});
}