vue项目中input框默认获得焦点,回车选中输入文本

项目中遇到的需求:

输入框默认获取焦点,回车后选中文本信息

<input ref="code" type="text"  @keyup.enter="enterPress()" v-model="code"/>

export default {data() {return {code:'',}},methods:{enterPress() {//回车事件this.$refs.code.select();//输入框选中状态}},mounted() {this.$nextTick(() => {this.$refs.code.focus();//输入框默认获取焦点});},}

vue项目中input框默认获得焦点,回车选中输入文本相关推荐

vue项目中textarea阻止默认换行事件
需求如下: textarea中,输入回车键时添加分号分析需求,分下面几步阻止默认回车换行获取值并添加分号 <!-- 此处使用了Vue语法中的事件修饰符 keydown.enter --&g ...
vue项目中解决谷歌浏览器默认填充账号密码问题
谷歌浏览器第一次登录保存账号密码之后,后续在碰到需要输入账号密码时,浏览器会默认填充账号密码. 项目是vue + element-ui搭建的后台管理系统,不想要账号密码默认填充的效果该怎么办呢? 直接 ...
VUE 项目去除 input 框值所有空格
去除空格的方法 str.trim(); //去掉首尾空格 str.replace(" ",""); //去除所有空格,包括首尾.中间 str.replaceAl ...
在已有vue项目中半途引入cube ui组件库的使用遇到的坑(血泪)
直接进入正题(我这儿是属于cube-ui普通编译) 1,在你的vue项目中找到package.json文件安装cube-ui 终端输入命令 npm install cube-ui --save 2 ...
vue 项目中当访问路由不存在的时候默认访问404页面
前言: 在Vue项目中,当访问的页面路由不存在或错误时,页面显示为一片空白.然而,通常我们需要对访问url不存在或者错误的情况下添加默认的404页面,即not found页面. 一般的处理方法是: 在 ...
vue项目中，图片无法显示时或者访问图片出现404时，显示默认图片，但默认图片路径出错
问题描述在vue项目中,同样的图片,设置在img的src中能正常显示设置在img的onerror中不能正常显示原因项目启动后, 图片的路径并不是我们写的路径了. 示例: 源代码: // 直 ...
vue项目中更换tinymce版本踩坑
项目需求: vue项目中实现多图片批量上传功能问题: tinymce富文本编辑器的多图片批量上传插件支持版本:5.0.4+ 项目中现有的富文本编辑器版本:4.9.4 为实现这一功能选择更换tiny ...
Vue项目中最简单的使用集成UEditor方式，含图片上传
Vue 3 项目参考这里前言封面是UEditor的百度指数折线图.虽然今天已经是 2018 年,且优秀的富文本编辑器层出不穷(包括移动端),但从图中可以看出UEditor仍然维持着较高的搜索热 ...
Vue项目中最简单的使用集成百度UEditor方式，含图片上传
前言封面是UEditor的百度指数折线图.虽然今天已经是 2018 年,且优秀的富文本编辑器层出不穷(包括移动端),但从图中可以看出UEditor仍然维持着较高的搜索热度.而不少公司和个人也仍然 ...

vue项目中input框默认获得焦点,回车选中输入文本

vue项目中input框默认获得焦点,回车选中输入文本相关推荐

最新文章

热门文章