el-input支持Tab输入

<el-input
  ref="tabInput"
  type="textarea"
  :rows="10"
  @keydown.9.native.prevent="tabInput"
  v-model="tabContent">
</el-input>
tabInput(e){
  const elInput=e.target
  const startPos = elInput.selectionStart
  const endPos = elInput.selectionEnd
  if(startPos===undefined||endPos===undefined)return
  const txtValue=elInput.value
  elInput.value=txtValue.substring(0,startPos)+'\t'+txtValue.substring(endPos)
  elInput.focus()
  elInput.selectionStart=startPos+'\t'.length
  elInput.selectionEnd=endPos+'\t'.length
  this.tabContent=elInput.value
},
posted @   年轻浅识  阅读(84)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
· SQL Server 2025 AI相关能力初探
历史上的今天:
2021-01-04 css解决top塌陷及清除浮动
点击右上角即可分享
微信分享提示