【无标题】

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

相关推荐
黑匣子~1 小时前
Vue 3 官方 Hooks 的用法与实现原理
前端·javascript·vue.js
愛芳芳5 小时前
vue3+element-plus+pinia完整搭建好看简洁的管理后台
前端·javascript·vue.js
蓉妹妹5 小时前
React+Taro 微信小程序做一个页面,背景图需贴手机屏幕最上边覆盖展示
react.js·微信小程序·taro
麻辣香蝈蝈5 小时前
【Vue3】一文学会动态路由和编程式路由的使用
开发语言·前端·javascript·vue.js
CarryBircks5 小时前
nvm版本管理下pnpm 安装失败问题解决
前端·vue.js
java1234_小锋8 小时前
[免费]微信小程序宠物医院管理系统(uni-app+SpringBoot后端+Vue管理端)【论文+源码+SQL脚本】
spring boot·微信小程序·宠物医院·小程序宠物医院·springboot宠物医院
ljbaofu_CSDN8 小时前
微信小程序开发中,请求数据列表,第一次请求10条,滑动到最低自动再请求10条,后面请求的10条怎么加到第一次请求的10条后面?
微信小程序·小程序
百锦再8 小时前
微信小程序学习基础:从入门到精通
前端·vue.js·python·学习·微信小程序·小程序·pdf
温酒斟与你8 小时前
UniApp+Vue3微信小程序二维码生成、转图片、截图保存整页
微信小程序·uni-app·vue