小程序之坑---input自动获取焦点

2023-11-17

项目:taro3+vue3+taro-ui-vue3

方法一:

taro-ui-vue3的input组件的autoFocus、focus无效

方法二:

原生input组件的auto-focus在这个环境下也无效,但是在原生项目中有效

方法三:

通过用ref获取dom来获取焦点,开发工具中无效,真机有效

<input ref="inputRef" type="text" style="border: 1px solid #000">
setup(props, context) {
    const inputRef = ref(null)

    onMounted(() => {
      console.log(inputRef)
      inputRef.value.focus()
    })

    return {
        inputRef 
    }

方法四:

自定义指令

<input v-focus type="text" style="border: 1px solid #000" />
App.directive('focus', {
  mounted(el) {
    el.focus()
  }
})
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

小程序之坑---input自动获取焦点 的相关文章

随机推荐

  • kubernetes集群更新证书(kubeadm方式)

    一 kubernets证书详情 1 查看证书 tree etc kubernetes pki etc kubernetes pki apiserver crt apiserver etcd client crt apiserver etcd
  • RK3399-查看系统温度

    上面是我的微信和QQ群 欢迎新朋友的加入 安装工具 sudo apt install lm sensors 测试效果 root FriendlyELEC sensors gpu thermal virtual 0 Adapter Virtu
  • 栈和队列简介

    栈和队列简介 栈和队列是两种常用的数据结构 它们的数据是按线性结构存储的 因此 栈和队列也属于线性表 栈和队列的数据可以存储在一个顺序表里 也可以存储在一个链表里 只要满足线性存储结构就行 只对数据的线性结构有要求 对存储数据的具体结构并不
  • MySQL--基础--1.1--命令--grant

    MySQL 基础 1 1 命令 grant 1 基本语法 grant 权限 on 数据库对象 to 用户 identified by 密码 revoke 权限 on 数据库对象 from 用户 用户 一般格式是 用户名 IP IP有时候会写
  • 企业怎么管理自己固定资产的

    在当今的商业世界中 企业的固定资产是其生存和发展的基础 然而 仅仅关注这些有形的资产 如土地 建筑和设备 可能会忽视企业最宝贵的资产 人力资源和知识 因此 成功的企业不仅需要管理好自己的有形资产 更要善于管理自己的无形资产 有效的固定资产管
  • js多目运算符的判断写法

    1 两目运算 orderStatus item order id active 2 三目运算 orderStatus 0 待付款 orderStatus 1 待发货 orderStatus 2 待收货 待评价
  • 机器学习笔记(一)

    统计学习三要素 模型 策略和算法 模型分类有几种 监督非监督 参数非参数等 监督学习又分为生成方法和判别方法 生成模型有 朴素贝叶斯和隐马尔科夫 判别模型有 K近邻 感知机 决策树 逻辑回归 EM SVM Boost CRF 参数与非参数
  • pytorch 梯度爆炸调试方法

    调试模式下运行代码 并按以下代码设置torch配置 torch autograd set detect anomaly True with torch autograd detect anomaly loss loss func 发生梯度爆
  • 算法分析与设计作业4:归并排序

    1 问题 二分归并排序 对n个不同的数构成的数组A 1 n 进行排序 其中n 2 k 标题 2 解析 先将杂乱的数字两两分组 对两个数字比较大小进行排序 再将两个排序好的数组按顺序归并 依此循环k次 直至所有小数组被归并为完整的大数组 3
  • 组合逻辑毛刺消除(竞争冒险)

    一 毛刺产生的原因 信号在 IC FPGA 器件中通过逻辑单元连线时 是存在延时的 延时的大小不仅和连线的长短和逻辑单元的数目有关 而且也和器件的制造工艺 工作环境等有关 因此 信号在器件中传输的时候 所需要的时间是不能精确估计的 当多路信
  • tauri打包慢:解决tauri的打包慢以及超时的方法

    打包的命令 yarn tauri build 打包的时候 会下载一个依赖包 由于这个依赖包是在github上下载的 因此会很慢或者超时 可以将这个地址 https github com wixtoolset wix3 releases do
  • STM32在线升级 (IAP)

    来自QQ群 Linux 技术分享 311078264 打开链接加入QQ群 https jq qq com wv 1027 k 5Gr3bAx 此文档由elikang整理 为了文章简单直接 许多细节未能在文章中体现 如有疑问请进群讨论 STM
  • GPT-4 VS GPT-3.5!你需要升级plus版本吗?

    GPT 4和 GPT 3 5语言模型在前沿技术的推动下 都具备了相当出色的自然语言生成能力 鉴于GPT 4正式发布的消息已经引发了不小的关注 本文将从完善度测试 推理能力测试 创造力测试三个角度探讨两者的区别和优劣 为您提供实用的指导 帮助
  • u-input改变输入框内的字体样式

    编辑uview的组件input 由于我的项目背景是蓝色 因此要改变input组件的字体颜色 刚开始我的思路是 直接找到u input组件的class 但是这样设置的话 会导致所有的input内文字都变成我设置的颜色 综合网上的信息 我的处理
  • 刷脸支付也将进一步助力生活生产智能化

    支付宝和微信支付竞相发起 扫货节 和 智慧生活日 活动 不约而同地聚焦刷脸支付 用刷脸支付立减 免单的方式鼓励广大消费者投入刷脸支付的怀抱 毫无疑问 刷脸支付是大数据和人工智能时代的产物 同时 刷脸支付也将进一步助力生活生产智能化 为智慧营
  • 《HTML标签》〈ul〉〈ol〉〈li〉的使用

    li 标签定义和用法 li li 标签定义列表项目 li li 标签可用在有序列表 ol 和无序列表 ul 中 ol 标记 称为有序列表 编号列表标记 其功能是将文字段落向内缩进 并在段落的每个项目前面加上1 2 3 有顺序的数字 ol 标
  • Could not find com.android.support:appcompat-v7:23.1.1 问题解决

    allprojects repositories jcenter maven url https maven google com 添加这个就可以
  • 毛坯装修知识

    硬装指的是装修阶段必须完成的项目 而且一旦完成 很难改动 软装基本就是搬家时能够搬走的那些东西 最简单的区别就是 把屋子倒过来 会掉下来的就是软装 掉不下来的就是硬装 家具电器 窗帘布艺 装饰挂画等等都算软装 插座 门 地板瓷砖这些 更换起
  • 融合零样本学习和小样本学习的弱监督学习方法综述

    融合零样本学习和小样本学习的弱监督学习方法综述 人工智能技术与咨询 来源 系统工程与电子技术 作者潘崇煜等 摘 要 深度学习模型严重依赖于大量人工标注的数据 使得其在数据缺乏的特殊领域内应用严重受限 面对数据缺乏等现实挑战 很多学者针对数据
  • 小程序之坑---input自动获取焦点

    项目 taro3 vue3 taro ui vue3 方法一 taro ui vue3的input组件的autoFocus focus无效 方法二 原生input组件的auto focus在这个环境下也无效 但是在原生项目中有效 方法三 通