码迷,mamicode.com
首页 > 其他好文 > 详细

vue、element-ui开发技巧

时间:2019-10-25 12:57:11      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:开发技巧   element   ini   sel   focus   获得   target   页面   add   

1、vue下input文本框获得光标

html:

<el-input size="mini" clearable v-model.trim="addOrEditData.gridCode" ref="inputGridCode" ></el-input>

js(在需要触发获取input光标方法加入下面js,如果需要再进入页面获得就获得光标则在vue钩子函数mounted加上下面代码:):

 this.$refs.inputGridCode.focus();

2、vue中input文本框内容选中

方法一:

html:

<el-input size="mini" clearable v-model.trim="addOrEditData.gridCode" ref="inputGridCode"  @@focus="inputFocus($event)"></el-input>

js方法:

inputFocus(event) {
                    event.currentTarget.select();
                }

方法二:

html:

<el-input size="mini" clearable v-model.trim="addOrEditData.gridCode" ref="inputGridCode" ></el-input>

js:

this.$refs.inputGridCode.select();

 

vue、element-ui开发技巧

标签:开发技巧   element   ini   sel   focus   获得   target   页面   add   

原文地址:https://www.cnblogs.com/linJie1930906722/p/11737308.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!