JS.VUE.THIS.IN.TEMPLATE
Disallow usage of 'this' in template
Rule Details
This rule aims at preventing usage of this in Vue templates.
{'vue/this-in-template': ['error']}
Copy
<template>
<!-- GOOD -->
<a :href="url">
{{ text }}
</a>
<!-- BAD -->
<a :href="this.url">
{{ this.text }}
</a>
</template>
Options
Copy
{
"vue/this-in-template": ["error", "always" | "never"]
}
"always"... Always usethiswhile accessing properties from Vue."never"(default) ... Never usethiskeyword in expressions.
"always"
{'vue/this-in-template': ['error', 'always']}
Copy
<template>
<!-- GOOD -->
<a :href="this.url">
{{ this.text }}
</a>
<!-- BAD -->
<a :href="url">
{{ text }}
</a>
</template>