VueJS项目中如何禁用或隐藏HTML标签类属性中的三个点"..."？

• 检查编辑器格式化扩展配置
  这是最常见的诱因，代码格式化工具（如Prettier、Volar/Vetur）可能开启了HTML实体转义：

  • 若使用Prettier：在编辑器设置中找到Prettier: Html Escape Embedded选项并取消勾选；或者在项目根目录的.prettierrc配置文件中添加{ "htmlEscapeEmbedded": false }。
  • 若使用Volar或Vetur：进入扩展的设置面板，查找与HTML实体转义相关的选项，关闭自动转义双引号的功能。

• 排查新安装的扩展
  针对你提到的新安装扩展，先全部禁用，再逐个恢复启用，定位到触发问题的扩展。重点排查代码格式化、Vue语法校验类的工具。

• 确认模板写法正确性
  确保你是直接编写静态class，比如<div class="foo bar">，而非错误使用动态绑定的异常写法（错误的动态绑定逻辑偶尔也会导致引号转义，但静态class不会出现这类问题）。

内容的提问来源于stack exchange，提问作者David Ramírez