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()
    }
  })
相关推荐
七淮17 分钟前
Next.js SEO 优化完整方案
前端·next.js
e***193524 分钟前
爬虫学习 01 Web Scraper的使用
前端·爬虫·学习
我有一棵树27 分钟前
file 协议与 http 协议的区别:为什么本地 HTML 无法加载相对路径 JS,以及正确的解决方式
javascript·http·html
aircrushin28 分钟前
TRAE SOLO 中国版,正式发布!AI 编程的 "Solo" 时代来了?
前端·人工智能
最初的黄昏29 分钟前
flutter 集成flutter_Boost
前端
有意义32 分钟前
JavaScript 词法作用域与闭包:从底层原理到实战理解
前端·javascript·面试
GYY_y40 分钟前
封装一个支持动态表头与权限控制的通用 VxeTable 组件
前端
某只天落1 小时前
Vue2 通用文件在线预览下载组件:一站式解决多类型文件处理需求(支持视频、文档、图片、Office)
前端
AY呀1 小时前
黑马喽大闹天宫与JavaScript的寻亲记:作用域与作用域链全解析
前端·javascript·面试
金融数据出海1 小时前
日本股票市场渲染 KlineCharts K 线图
前端·后端