vue+antd实践：在输入框光标处插入内容

最新推荐文章于 2024-08-27 15:26:47 发布

英子的搬砖日志

最新推荐文章于 2024-08-27 15:26:47 发布

阅读量1k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： vue web前端文章标签： vue.js 前端 javascript antd vue3 获取光标位置获取输入框光标位置

本文链接：https://blog.csdn.net/ganyingxie123456/article/details/139277049

今天来看一个很简单的需求。

需求描述：在输入框光标处，插入指定的内容。

效果如下：
请添加图片描述
实现思路：刚开始还在想怎么获取光标的位置，但是发现所做的项目是基于vue3+antd组件，那么不简单了嘛，只要调用textarea组件的blur事件，就能获取到光标最后出现的位置！

示例代码：

<template>
  插入选项:
  <a-tag
    v-for="item in insertList"
    :key="item"
    color="green"
    @click="handleTagClick(item)"
    >{
   
   {
   
    item }}</a-tag
  >
  <a-textarea
    v-mo

最低0.47元/天解锁文章

新学期VIP享超值加赠