当前位置: 主页 > vuejs >

vuejs el-input实现textarea在光标处插入追加内容

2021-09-14    来源:

下面前端入门建站教程为大家介绍一下vuejs el-input实现textarea在光标处插入追加内容

html方法如下:
<el-input type="textarea" :autosize="{ minRows: 9 }" v-model="findings" id="findingsText"></el-input> //id不能少

js代码如下:
insertFindings(val) {
  const elInput = document.querySelector("#findingsText");
  const findingsStartPos = elInput.selectionStart;// 开始
  const findingsEndPos = elInput.selectionEnd; //结束
  const findings = this.findings.substring(0, findingsStartPos) + val + this.findings.substring(findingsEndPos);
  console.log('findings',findings)
}

上面是“vuejs el-input实现textarea在光标处插入追加内容”的全面内容,想了解更多关于 vuejs 文章,请继续关注前端入门建站教程。

最新文章

猜你喜欢