eslint-plugin-vue

外观

vue/html-quotes ​

强制 HTML 属性的引号样式

  • ⚙️ 此规则包含在所有 "plugin:vue/vue3-strongly-recommended"、*.configs["flat/strongly-recommended"]、"plugin:vue/strongly-recommended"、*.configs["flat/vue2-strongly-recommended"]、"plugin:vue/vue3-recommended"、*.configs["flat/recommended"]、"plugin:vue/recommended" 和 *.configs["flat/vue2-recommended"] 中。
  • 🔧 命令行 上的 --fix 选项可以自动修复此规则报告的一些问题。

您可以从以下选项中选择 HTML 属性的引号：

  • 双引号：<div class="foo">
  • 单引号：<div class='foo'>
  • 无引号：<div class=foo>

此规则强制执行 HTML 属性的引号样式。

📖 规则详情 ​

如果属性的引号与配置的引号不同，则此规则会报告该属性的引号。

正在加载...

🔧 选项 ​

默认设置为 double。

json
{
  "vue/html-quotes": [ "error", "double" | "single", { "avoidEscape": false } ]
}

字符串选项

  • "double"（默认）... 需要双引号。
  • "single" ... 需要单引号。

对象选项

  • avoidEscape ... 如果为 true，则允许字符串使用单引号或双引号，只要字符串包含一个否则必须转义的引号即可。

"single" ​

正在加载...

"double", { "avoidEscape": true } ​

正在加载...

📚 扩展阅读 ​

🚀 版本 ​

此规则在 eslint-plugin-vue v3.0.0 中引入

🔍 实现 ​