vue2项目支持@用户的文本域,使用at-textarea
第一步安装at-textarea
npm install at-textarea
第二步引入并注册
import AtTextarea from "at-textarea"
components:{
AtTextarea
}
第三步使用
<AtTextarea
:AtList="AtList"
:AtConfig="{key:'id',label:'name'}"
@showAt="showAt"
:maxLength="200"
/>
参考文档
属性
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/15af9afa08c44c039a1090ac533800ba.png)
回调
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/bd1ba37ad14a4cc88f66322b926111b7.png)
效果
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/33d79ece7e2a465385674a481b7bdbda.png)
注意:删除@用户是作为一个标签整个删除的