移动端van-field输入框内容过长时安卓和ios显示的样式不一样?

移动端van-field输入框内容过长时安卓和ios显示的样式不一样?

有个这样的需求:点击必填项输入框会展示弹窗,选择相应名称并进行回显在field上,然而当内容过长时
安卓手机默认左右滑动来查看隐藏的内容,ios却无法滑动,超出的内容无法显示
<van-field
	v-model="names"
	label="名称"
	is-link
	placeholder="请选择名称"
	input-align="right"
	@click="selectName"
	readonly
	required
    :rules="{ required: true, message: '请选择名称' }"
/>

解决方案:(1)
通过textarea文本域把内容全展示出来,这样无论什么机型的手机都兼容
<van-field
	v-model="names"
	label="名称"
	is-link
	placeholder="请选择名称"
	input-align="right"
	@click="selectName"
	readonly
	required
    :rules="{ required: true, message: '请选择名称' }"
    :type="names&&names.length>=15?'textarea':''"
/>

解决方案:(2)
把van-field输入框换成van-cell单元格,这样也可以把内容全展示出来,但是这样的话样式可能得重新修改
并且没有placeholder属性
<van-cell
	:value="names"
	title="名称"
	is-link
	@click="selectName"
	readonly
	required
/>