当前位置: 首页 > article >正文

input和editor一起使用在ios上聚焦异常

在微信小程序中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不同时出现,避免相互影响。


http://www.kler.cn/a/305150.html

相关文章:

  • Golang | Leetcode Golang题解之第559题N叉树的最大深度
  • 若依笔记(八):芋道的Docker容器化部署
  • 【练习案例】30个 CSS Javascript 加载器动画效果
  • 贪心算法入门(二)
  • 什么是数字图像?
  • WebRTC API分析
  • 【计算机网络 - 基础问题】每日 3 题(四)
  • 目标检测中的解耦和耦合、anchor-free和anchor-base
  • 分销系统后端技术文档
  • 大数据Flink(一百一十八):SQL水印操作(Watermark)
  • Linux基础---07文件传输(网络和Win文件)
  • 9 递归——50. Pow(x, n) ★★
  • linux 操作系统下的curl 命令介绍和使用案例
  • docker如何实现资源隔离
  • Tomcat 版本怎么选?JMeter 真实压测多版本 Tomcat 数据给你最直接的参考,快收藏备用吧!
  • Gateway学习笔记
  • 牛客周赛 Round 29 (D E)
  • 【从问题中去学习k8s】k8s中的常见面试题(夯实理论基础)(三十)
  • Oracle按照某一字段值排序并显示,相同的显示序号
  • C++详解string(全面解析)
  • 什么是算力?如何评估服务器算力?
  • rk3568系统buildroot开发笔记
  • Playwright 自动化验证码教程
  • 【计算机网络 - 基础问题】每日 3 题(三)
  • 基于鸿蒙API10的RTSP播放器(九:进度总结)
  • 进程的基本概念