pageClass | sidebarDepth | title | description |
---|---|---|---|
rule-details |
0 |
vue/no-deprecated-router-link-tag-prop |
disallow using deprecated `tag` property on `RouterLink` (in Vue.js 3.0.0+) |
disallow using deprecated
tag
property onRouterLink
(in Vue.js 3.0.0+)
- ❗ This rule has not been released yet.
This rule reports deprecated the tag
attribute on RouterLink
elements (removed in Vue.js v3.0.0+).
<template>
<!-- ✓ GOOD -->
<RouterLink to="/">Home</RouterLink>
<RouterLink to="/">
<div>Home</div>
</RouterLink>
<NuxtLink tag="div" to="/">Home</NuxtLink>
<!-- ✗ BAD -->
<RouterLink tag="div" to="/">Home</RouterLink>
<RouterLink :tag="someVariable" to="/">Home</RouterLink>
</template>
{
"vue/no-deprecated-router-link-tag-prop": ["error", {
"components": ['RouterLink', 'NuxtLink']
}]
}
<template>
<!-- ✗ BAD -->
<NuxtLink tag="div" to="/">Home</NuxtLink>
<NuxtLink :tag="someVariable" to="/">Home</NuxtLink>
<RouterLink tag="div" to="/">Home</RouterLink>
<RouterLink :tag="someVariable" to="/">Home</RouterLink>
</template>