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

723 ℃
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复制粘贴功能

v-for循环生成el-input带rules验证

v-for批量生成el-input并动态绑定v-model(实时获取input输入值和索引)

el-input输入框关键字筛选列表数据

vuejs通过input实现表格/列表模糊搜索代码分析

标签: el-input

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

当前网址:https://m.ipkd.cn/webs_31.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

Trae:新一代免费的AI编程工具
js如何判断手机型号
wordpress编辑框设置图片居中(静态页面图片不居中)
dedecms利用[field:global.autoindex /]打造文章排行榜代
html5视频如何嵌入到网页(视频代码)
javscript获取本月的开始日期和结束日期(包括上个月、下个月)