【无标题】

微信小程序 Taro input光标乱跳

深层dom导致

问题就是 当一个input组件 在深层dom时 inputt输入内容光标会跳动到第一个位置, 删除时也是 代码如下

复制代码
<template>
  <view>
    <view>
      <view>
        <view>
          <view>
            <view>
              <view>
                <view>
                  <view>
                    <view>
                      <view>
                        <view>
                          <view>
                            <view>
                              <view>
                                <view>
                                  <view>
                                    <view>
                                      <view>
                                        <view>
                                          <view>
                                            <view>
                                              <view>
                                                <view>
                                                  <input  >
                                                </view>
                                              </view>
                                            </view>
                                          </view>
                                        </view>
                                      </view>
                                    </view>
                                  </view>
                                </view>
                              </view>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      value: "ces ",
    };
  },
};
</script>

可以加入cursor="-1"属性解决问题 但是会有后续问题 编辑内容或者删除某个中间字符时 光标会跳到最后

相关推荐
Mr Xu_2 小时前
告别冗长 switch-case:Vue 项目中基于映射表的优雅路由数据匹配方案
前端·javascript·vue.js
前端摸鱼匠2 小时前
Vue 3 的toRefs保持响应性:讲解toRefs在解构响应式对象时的作用
前端·javascript·vue.js·前端框架·ecmascript
未来之窗软件服务4 小时前
未来之窗昭和仙君(六十五)Vue与跨地区多部门开发—东方仙盟练气
前端·javascript·vue.js·仙盟创梦ide·东方仙盟·昭和仙君
phltxy5 小时前
Vue 核心特性实战指南:指令、样式绑定、计算属性与侦听器
前端·javascript·vue.js
Byron07076 小时前
Vue 中使用 Tiptap 富文本编辑器的完整指南
前端·javascript·vue.js
Byron07078 小时前
从 0 到 1 搭建 Vue 前端工程化体系:提效、提质、降本实战落地
前端·javascript·vue.js
zhengfei6118 小时前
【AI平台】- 基于大模型的知识库与知识图谱智能体开发平台
vue.js·语言模型·langchain·知识图谱·多分类
徐小夕@趣谈前端8 小时前
Web文档的“Office时刻“:jitword共建版2.0发布!让浏览器变成本地生产力
前端·数据结构·vue.js·算法·开源·编辑器·es6
董世昌418 小时前
深度解析浅拷贝与深拷贝:底层逻辑、实现方式及实战避坑
前端·javascript·vue.js
扶苏10028 小时前
vue使用event.dataTransfer实现A容器数据拖拽复制到到B容器
前端·vue.js·chrome