请用 Vue 实现一个输入框,支持文本输入,按下回车后在下方生成一个新的标签(tag),且该标签可以删除。
考察说明
考察 Vue 列表渲染、事件处理和数据驱动视图实现能力
回答思路
- 能说明用 v-model 管理输入值,用数组保存标签列表
- 能说明 @keyup.enter 或 @keydown.enter 触发添加逻辑,并清空输入框
- 能说明通过 v-for 渲染标签列表,并为每个标签绑定删除事件
- 能注意到列表 key 使用,以及删除操作的正确性
- 能应对边界情况(如空输入)
- 能展示对组件化的理解,如拆分子组件
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。