pageClass | sidebarDepth | title | description | since |
---|---|---|---|---|
rule-details |
0 |
vue/no-unused-refs |
disallow unused refs |
v7.9.0 |
disallow unused refs
This rule is aimed at eliminating unused refs.
This rule reports refs that are defined using the ref
attribute in <template>
but are not used via $refs
.
::: warning Note
This rule cannot be checked for use in other components (e.g. mixins
, Access via $refs.x.$refs
).
:::
<template>
<!-- ✓ GOOD -->
<input ref="foo" />
<!-- ✗ BAD (`bar` is not used) -->
<input ref="bar" />
</template>
<script>
export default {
mounted() {
this.$refs.foo.value = 'foo'
}
}
</script>
Nothing.
This rule was introduced in eslint-plugin-vue v7.9.0