vue/no-v-text-v-html-on-component

disallow v-text / v-html on component

• ⚙️ This rule is included in the following preset configs:
  • *.configs["flat/vue2-essential"]
  • *.configs["flat/essential"]
  • *.configs["flat/vue2-strongly-recommended"]
  • *.configs["flat/strongly-recommended"]
  • *.configs["flat/vue2-recommended"]
  • *.configs["flat/recommended"]
  • "plugin:vue/vue2-essential"
  • "plugin:vue/essential"
  • "plugin:vue/vue2-strongly-recommended"
  • "plugin:vue/strongly-recommended"
  • "plugin:vue/vue2-recommended"
  • "plugin:vue/recommended"

📖 Rule Details

This rule disallows the use of v-text / v-html on component.

If you use v-text / v-html on a component, it will overwrite the component's content and may break the component.

Now loading...

🔧 Options

{
  "vue/no-v-text-v-html-on-component": ["error", {
    "allow": ["router-link", "nuxt-link"],
    "ignoreElementNamespaces": false
  }]
}

• allow (string[]) ... Specify a list of custom components for which the rule should not apply.
• ignoreElementNamespaces (boolean) ... If true, always treat SVG and MathML tag names as HTML elements, even if they are not used inside a SVG/MathML root element. Default is false.

{ "allow": ["router-link", "nuxt-link"] }

Now loading...

{ "ignoreElementNamespaces": true }

Now loading...

👫 Related Rules

• vue/no-v-text
• vue/no-v-html

🚀 Version

This rule was introduced in eslint-plugin-vue v8.4.0

🔍 Implementation

• Rule source
• Test source