首页 > 其他分享 >vue中光标显示到指定的input框内

vue中光标显示到指定的input框内

时间:2023-05-12 10:33:11浏览次数:43  
标签:显示 vue inputName 框内 input 光标

给input 标签内加 ref="inputName "
然后在想要执行的地方写 this.$refs.inputName.focus()

 1.如果想要打开这个页面的时 让光标自动显示到input框内 就在mounted里加

 2.如果想在执行事件之后让光标显示到input框内就加在事件里

 

标签:显示,vue,inputName,框内,input,光标
From: https://www.cnblogs.com/fish8023/p/17393081.html

相关文章

  • vue中解析转义字符
    最近在写一个后台,后台需要展示富文本的内容,按理说使用v-htmll标签就可以,但是当我使用后,却发现页面展示的依旧是html标签,这时我仔细看了一下返回的富文本内容,发现里边包含了展示转义字符<pstyle="line-height:150%"><spanstyle=";font-family:宋体;line-height:150%;font-size:......
  • VUE
    Vue的基本常识Vue的使用方式vuejs的使用官方提供了2种方式:基于脚本导入使用,下载vue.js文件,通过script标签引入到html网页。基于项目构建工具来进行使用,需要安装项目构建工具,自动构建成一个独立的项目。目前官方推荐的项目构建工具:vue-CLI,vite。Vue调试工具VueDevtools......
  • vue版本报错
     在引入部分加入@2声明是vue2版本即可   ......
  • vue项目中封装localStorage和sessionStorage
    1.为什么需要封装localStorage和sessionStorage?因为封装localStorage和sessionStorage可以提高程序的维护性、可重用性和扩展性,同时也可以使代码更为简单、易懂。2.以下是一个简单的代码封装示例可以新建一个utils目录文件,在该文件下新建storage.js文件进行封装//封装local......
  • vue3 setup 父页面调用子组件及子组件调用父页面方法的DEMO
    父页面调用子组件中方法父页面<template><div><!--第四步:页面使用子组件,并添加ref属性,注意ref属性不能和子组件重名--><role-cardref="roleRef"></role-card></div></template><scriptlang="ts"setup>import{ref......
  • 若依vue导入流程
     下载链接若依官方找配置后端1.下载解压vue源码2.配置maven,如有跳过3.导入idea4.修改数据库配置文件5.部署redis和mysql6.导入数据库7.启动后端springboot测试http://localhost:8080/captchaImage配置前端1.安装nodejs2.在idea的终端执行cdruoyi-uinpminstall--registry=h......
  • Vue3 + Vite4.3 + Element-Plus + TypeScript 从0到1搭建企业级后台管理系统(前后端开
    vue3-element-admin是基于vue-element-admin升级的Vue3+ElementPlus版本的后台管理前端解决方案,技术栈为Vue3+Vite4+TypeScript+ElementPlus+Pinia+VueRouter等当前主流框架。相较于其他管理前端框架,vue3-element-admin的优势在于一有一无有配套后端、无......
  • 判断软件的闲置时间GetLastInputInfo
    //GetLastInputInfo是检测系统输入的,应用到某个程序中不合适!此问题有二种解法来监控输入消息:1.用线程级HOOK,钩上MOUSEHOOK与KEYBOARDHOOK2.在Application.OnMessage中做处理显然,用第2种方法比较方便!众所周知,键盘与鼠标消息都是队列消息,需要经过消息队列后经过一些处理,再发往......
  • inputstream转json
    inputstream是一个Java中的输入流,它允许从源读取数据。如果要将inputstream转换为JSON,需要使用相应的解析器,例如GSON或Jackson。以下是使用GSON的示例代码:InputStreaminputStream=...;Gsongson=newGson();JsonReaderreader=newJsonReader(newInputStreamReader(in......
  • 创建vue3项目 @符号提示
    1、新建jsconfig.json如何配置以下内容即可提示{"compilerOptions":{"baseUrl":"./","paths":{"@/*":["src/*"]}}}2、实际上面配置只是联想提示作用,需要在vue.config.js或vite.config......