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()
    }
  })
相关推荐
Allen_LVyingbo2 分钟前
病历生成与质控编码的工程化范式研究:从模型驱动到系统治理的范式转变
前端·javascript·算法·前端框架·知识图谱·健康医疗·easyui
rgeshfgreh7 分钟前
Python函数全解析:定义、参数与作用域
前端·数据库·python
刘一说11 分钟前
腾讯位置服务JavaScript API GL与JavaScript API (V2)全面对比总结
开发语言·javascript·信息可视化·webgis
Serendipity-Solitude14 分钟前
使用HTML创建井字棋
前端·html
Aotman_1 小时前
JS 按照数组顺序对对象进行排序
开发语言·前端·javascript·vue.js·ui·ecmascript
Hi_kenyon9 小时前
VUE3套用组件库快速开发(以Element Plus为例)二
开发语言·前端·javascript·vue.js
Irene19919 小时前
Vue 3 响应式系统类型关系总结(附:computed、props)
vue.js·props·响应式类型
起名时在学Aiifox9 小时前
Vue 3 响应式缓存策略:从页面状态追踪到智能数据管理
前端·vue.js·缓存
天若有情6739 小时前
校园二手交易系统实战开发全记录(vue+SpringBoot+MySQL)
vue.js·spring boot·mysql