【无标题】

微信小程序 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"属性解决问题 但是会有后续问题 编辑内容或者删除某个中间字符时 光标会跳到最后

相关推荐
哈里谢顿30 分钟前
Vue 3 入门完全指南:从零构建你的第一个响应式应用
vue.js
三十_A2 小时前
零基础通过 Vue 3 实现前端视频录制 —— 从原理到实战
前端·vue.js·音视频
爱问问题的小李2 小时前
ue 动态 Key 导致组件无限重置与 API 重复提交
前端·javascript·vue.js
m0_748229993 小时前
PHP+Vue打造实时聊天室
开发语言·vue.js·php
子兮曰3 小时前
深入Vue 3响应式系统:为什么嵌套对象修改后界面不更新?
前端·javascript·vue.js
JY-HPS11 小时前
echarts天气折线图
javascript·vue.js·echarts
黑色的糖果12 小时前
vue中tailwindcss插件的引入及使用
前端·javascript·vue.js
空&白16 小时前
vue暗黑模式
javascript·vue.js
css趣多多17 小时前
一个UI内置组件el-scrollbar
前端·javascript·vue.js
-凌凌漆-17 小时前
【vue】pinia中的值使用 v-model绑定出现[object Object]
javascript·vue.js·ecmascript