el-input获取光标位置并插入一段文案

想要实现的功能:点击按钮,在光标停留的地方,插入一段文案:


实现效果-插入文案为'{test}'.png
<el-input @blur="testBlur" v-model="form.couponName"></el-input>
<el-button @click="test">点击</el-button>

// data
blurIndex: null // 光标位置

// method
testBlur(e) {
      this.blurIndex = e.srcElement.selectionStart
},
test(e) {
      let index = this.blurIndex
      let str = this.form.couponName
      this.form.couponName = str.slice(0, index) + '{test}' + str.slice(index)
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容