no-unused-refs.md

pageClass	sidebarDepth	title	description	since
rule-details	0	vue/no-unused-refs	disallow unused refs	v7.9.0

vue/no-unused-refs

disallow unused refs

📖 Rule Details

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>

🔧 Options

Nothing.

🚀 Version

This rule was introduced in eslint-plugin-vue v7.9.0

🔍 Implementation

• Rule source
• Test source