el-input获取输入框光标位置_vue2怎样知道el-input中光标的位置

作者：花生_TL007 | 2024-04-26 19:10:39

踩

vue2怎样知道el-input中光标的位置

今天接到需求，输入框在正常输入的同时，可以通过点击其他按钮在输入框光标位置添加内容。
那么这时候就需要去获取输入框的光标内容，由于在点击其他按钮时，输入框会自动触发失焦事件。
因此在blur的时候去触发方法即可

          <el-input
            v-model="form.input"
            @blur="inputBlur"
          >
          </el-input>
1
2
3
4
5

然后在方法中传递一个参数，即可获取到数据源

    formulaBlur(val) {
      this.blurIndex = val.srcElement.selectionStart
    },
1
2
3

blurIndex 就是在输入框中的光标位置！到位！

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/花生_TL007/article/detail/492669