`">
eslint-plugin-vue

外观

vue/no-lone-template ​

禁止不必要的 <template>

  • ⚙️ 此规则包含在所有 "plugin:vue/vue3-recommended"、*.configs["flat/recommended"]、"plugin:vue/recommended" 和 *.configs["flat/vue2-recommended"] 中。

📖 规则详情 ​

此规则旨在消除不必要且可能令人困惑的 <template>。
在 Vue.js 2.x 中，没有特定指令的 <template> 元素没有效果。
在 Vue.js 3.x 中，没有特定指令的 <template> 元素会按原样渲染 <template> 元素，但在大多数情况下，这可能不是你想要的。

正在加载...

🔧 选项 ​

json
{
  "vue/no-lone-template": ["error", {
    "ignoreAccessible": false
  }]
}
  • ignoreAccessible ... 如果为 true，则忽略可访问的 <template> 元素。默认值为 false。
    注意：如果你使用的是 Vue.js 2.x，此选项将不起作用。

"ignoreAccessible": true ​

正在加载...

🔇 不使用此规则的时机 ​

如果你使用的是 Vue.js 3.x 并且想要有意地定义 <template> 元素，则需要关闭此规则或使用 "ignoreAccessible" 选项。

🚀 版本 ​

此规则是在 eslint-plugin-vue v7.0.0 中引入的

🔍 实现 ​