首页 > 其他 > 详细

vue、element-ui开发技巧

时间:2019-10-25 12:39:49      阅读:78      评论:0      收藏:0      [点我收藏+]

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开发技巧

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!