Page光标focus在某个控件

1. Input 属性增加autofocus

复制代码
  <el-input 
  v-model="scanner.workds" 
  type="textarea" 
  ref="scannerArea"
  placeholder="Scanner Working" 
  clearable 
  :autosize="{ minRows: 3 }" 
  autofocus
  
  />
  1. ts 通过onMounted操控ref 前端input

const scannerArea = ref<HTMLInputElement | HTMLTextAreaElement | null>(null)

复制代码
  onMounted(() => {
    if (scannerArea.value) {
      scannerArea.value.focus()
    }
  })
相关推荐
郑州光合科技余经理9 分钟前
实战分享:如何构建东南亚高并发跑腿配送系统
java·开发语言·javascript·spring cloud·uni-app·c#·php
June bug12 分钟前
【Vue】EACCES: permission denied 错误
前端·javascript·vue.js
陈随易13 分钟前
PostgreSQL v18发布,新增AIO uuidv7 OAuth等功能
前端·后端·程序员
一只小阿乐18 分钟前
react 中的组件性能优化
前端·javascript·react.js·react组件性能优化
柯南二号23 分钟前
【大前端】【iOS】iOS 真实项目可落地目录结构方案
前端·ios
肉清29 分钟前
linux自用命令
linux·服务器·前端
weibkreuz36 分钟前
初始React@1
前端·react.js·前端框架
xiaoxue..40 分钟前
二叉树深度解析:从基础结构到实战应用
javascript·数据结构·面试
Coder_Boy_1 小时前
前端和后端软件系统联调经典问题汇总
java·前端·驱动开发·微服务·状态模式
小皮虾1 小时前
别再封装 Axios 了!用 RPC 像调用本地函数一样写接口(支持 Vue/React/Node)
前端·rpc·全栈