vue、element-ui开发技巧

一、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();

二、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();