微信小程序 使用 vant-weapp 组件 van-field 类型为 textarea 在IOS端出现的问题记录

问题1

描述

在 IOS 端 出现 textarea 的 value 出现在最顶层, 上下滚动就消失, 此bug容易引起观感不适
出现该bug的原因可能是官方的原生组件的使用限制

微信小程序原生组件的使用限制

解决的建议方案

提供一个 showKey 布尔值去做限制, wx:if 为false时使用 <text></text>, 为true时使用回<van-field type="textarea"></van-field>

问题2

描述

在 IOS 端 使用 textarea 做 回显 操作时, 可能会出现高度没有撑开, 也就是说 value 可能有一部分因高度没有撑开而被隐藏了起来, 点击 textarea 才显示完整

解决的建议方案

提供一个 showKey 布尔值去做限制 并且 使用 setTimeout 做为 true 的操作
如果使用了 van-popup 弹出层配合 van-field 类型为 textarea, 那么在关闭时 做为 false 的操作避免 问题1 的出现的可能性