问题:vux--x-input移动端表单元素,输入内容会出现输入框输入空白、删除显示延迟情况。未被group包围的input则正常输入。
代码结构部分
<group>
<x-input
ref="projectNumber"
:title="$t('project.projectNumber')"
:placeholder="$t('energy.input')"
class="weui-vcode"
v-model="formData.projectNumber"
placeholder-align="right"
text-align="right"
></x-input>
<x-input
ref="projectBudget"
:title="$t('project.projectBudget')"
:placeholder="$t('energy.input')"
v-model="formData.projectBudget"
placeholder-align="right"
text-align="right" >
<span slot="right">{{$t('energy.yuan')}}</span>
</x-input>
</group>
这个问题多半是因为使用了:-webkit-overflow-scrolling: touch
终极解决方法:
input, textarea {
-webkit-transform: translateZ(0px);
position: relative;
}