Vue中如何详细实现针对特定用户的文本输入框示例？

本文共计2669个文字，预计阅读时间需要11分钟。

目录+知识准备+需求分析+实现+创建功能输入文本框的文本框架+添加at功能+记录+知识准备+基于Vue手把手教你实现一个拥有@人功能的文本编辑器（其实就是微信群的输入框）+Selection+对象

目录

• 知识前置
• 需求分析
• 实现
• 创建能够输入文本的文本框
• 添加at功能
• 后记

知识前置

基于vue手把手教你实现一个拥有@人功能的文本编辑器（其实就是微信群聊的输入框）

Selection对象，表示用户选择的文本范围或插入符号的当前

developer.mozilla.org/zh-CN/docs/…

contenteditable是一个枚举属性，表示元素是否可被用户编辑。