在微信小程序中editor和input一起使用时,在ios上出现聚焦、位置异常,偶现点击editor无法聚焦,无反应
<view class="content">
<view class="form" v-show="step == 1">
<u--form
ref="uForm1"
:model="formValue1"
:rules="rules1"
labelPosition="top"
labelWidth="100%"
>
<u-form-item
v-for="(item, index) in varList"
:key="index"
:label="item.varName"
:prop="`param${index}`"
>
<u-input
v-model="formValue1[`param${index}`]"
:placeholder="`请输入${item.varName}`"
border="none"
:maxlength="item.varName == '活动内容' ? 50 : 20"
></u-input>
</u-form-item>
</u--form>
</view>
<view class="form" v-show="step == 2">
<u--form
ref="uForm2"
:model="formValue2"
:rules="rules2"
labelPosition="top"
labelWidth="100%"
>
<u-form-item prop="phone">
<editor
class="editor"
id="editor"
:placeholder="placeholder"
@ready="onEditorReady"
@input="onEditorInput"
>
</editor>
</u-form-item>
</u--form>
</view>
</view>
经排查判断,应该是input和editor一起使用导致的editor聚焦异常。
<view class="form" v-if="step == 2">
v-show改为v-if可解决,input和ditor不同时出现,避免相互影响。