vue/this-in-template
disallow usage of
thisin template
- ⚙️ This rule is included in
"plugin:vue/recommended".
📖 Rule Details
This rule aims at preventing usage of this in Vue templates.
<template>
<!-- ✓ GOOD -->
<a :href="url">
{{ text }}
</a>
<!-- ✗ BAD -->
<a :href="this.url">
{{ this.text }}
</a>
</template>
🔧 Options
{
"vue/this-in-template": ["error", "always" | "never"]
}
"always"... Always usethiswhile accessing properties from Vue."never"(default) ... Never usethiskeyword in expressions.
"always"
<template>
<!-- ✓ GOOD -->
<a :href="this.url">
{{ this.text }}
</a>
<!-- ✗ BAD -->
<a :href="url">
{{ text }}
</a>
</template>