如果el-input的类型是textarea,则通过querySelector('textarea')来获取内部的文本区域元素;如果是普通的输入框,则通过querySelector('input')来获取。 使用nextTick来确保在DOM更新后访问元素属性。通过以上步骤,你就可以在Vue项目中的el-input组件中获取和处理光标位置了。
<el-input@blur="testBlur"v-model="form.couponName"></el-input><el-button@click="test">点击</el-button>// datablurIndex:null// 光标位置// methodtestBlur(e){this.blurIndex=e.srcElement.selectionStart},test(e){let index=this.blurIndex let str=this.form.couponNamethis.form.couponName=s...
this.$nextTick(() => { this.$refs.input.$el.querySelector('input').focus() }) 因为有的时候input中是有默认值的,自动获取焦点谷歌和火狐、360浏览器光标都正常。但是在IE上光标就跑到默认值的最左边去了,、 查了下好像IE浏览器下input的光标默认就是在最左边的,很显然这不符合我们的需求,每次输入的...
element el-input 自动获取焦点和IE下光标位置解决方法 2018-09-18 16:19 −... 程序猿-alvin 0 6493 Vue + Element 实现动态添加input 2019-12-12 15:27 −此篇博客背景:项目开发技术为vue+element,需求为form表单中动态添加input表单,本element中有现成form动态添加案例,但ui小姐姐效果图与ui库有些微差...