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()
    }
  })
相关推荐
wqq63108553 分钟前
Python基于Vue的实验室管理系统 django flask pycharm
vue.js·python·django
Deng9452013146 分钟前
Vue + Flask 前后端分离项目实战:从零搭建一个完整博客系统
前端·vue.js·flask
威迪斯特8 分钟前
Flask:轻量级Web框架的技术本质与工程实践
前端·数据库·后端·python·flask·开发框架·核心架构
Hello.Reader33 分钟前
Flink 文件系统通用配置默认文件系统与连接数限制实战
vue.js·flink·npm
wuhen_n35 分钟前
JavaScript内置数据结构
开发语言·前端·javascript·数据结构
大鱼前端36 分钟前
为什么我说CSS-in-JS是前端“最佳”的糟粕设计?
前端
不爱吃糖的程序媛39 分钟前
Capacitor:跨平台Web原生应用开发利器,现已全面适配鸿蒙
前端·华为·harmonyos
AC赳赳老秦41 分钟前
2026国产算力新周期:DeepSeek实战适配英伟达H200,引领大模型训练效率跃升
大数据·前端·人工智能·算法·tidb·memcache·deepseek
CHU72903542 分钟前
淘宝扭蛋机抽盒小程序前端功能解析:解锁趣味抽盒新体验
前端·小程序
-凌凌漆-1 小时前
【npm】npm的-D选项介绍
前端·npm·node.js