技术栈

Page光标focus在某个控件

MyFreeIT2025-10-18 7:08

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()
    }
  })
上一篇:day8_elementPlus
相关推荐
通往曙光的路上
3 小时前
day8_elementPlus
前端·javascript·vue.js
Simon_He
3 小时前
最强流式渲染,没有之一
前端·面试·ai编程
你真的可爱呀
3 小时前
uniapp学习【路由跳转 +数据请求+本地存储+常用组件】
前端·学习·uni-app
Jeffrey__Lin
3 小时前
解决ElementPlus使用ElMessageBox.confirm,出现层级低于el-table的问题
前端·javascript·elementui·vue·elementplus
Miketutu
3 小时前
vxe-table编辑模式适配el-date-picker
javascript·vue.js·elementui
咖啡の猫
3 小时前
Vue-MVVM 模型
前端·javascript·vue.js
xvmingjiang
3 小时前
Element Plus el-table 默认勾选行的方法
前端·javascript·vue.js
野生yumeko
4 小时前
伪静态WordPress/Vue
前端·javascript·vue.js
爱因斯坦乐
4 小时前
【vue】I18N国际化管理系统
前端·javascript·vue.js·笔记·前端框架
热门推荐
01BongoCat - 跨平台键盘猫动画工具02GitHub 镜像站点03两千字总结:Codex 国内如何安装和使用的教程,以及如何设置中文回答04UV安装并设置国内源05Linux下V2Ray安装配置指南06GitLab 零基础入门指南:从安装到项目管理全流程0746个Nano-banana 精选提示词,持续更新中08在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)09windows找不到gpedit.msc(本地组策略编辑器)102025软件测试面试八股文(含答案+文档)