File tree Expand file tree Collapse file tree 1 file changed +7
-9
lines changed Expand file tree Collapse file tree 1 file changed +7
-9
lines changed Original file line number Diff line number Diff line change @@ -22,23 +22,21 @@ This rule enforces using the new `useTemplateRef` function instead of `ref` for
22
22
<eslint-code-block fix :rules =" {'vue/prefer-use-template-ref': ['error']} " >
23
23
24
24
``` vue
25
-
26
25
<template>
27
- <div ref="divRef"></div >
28
- <button ref="submitter">Submit </button>
26
+ <button ref="submitRef">Submit</button >
27
+ <button ref="closeRef">Close </button>
29
28
</template>
30
29
31
30
<script>
32
31
import { ref, useTemplateRef } from 'vue';
33
32
34
33
/* ✓ GOOD */
35
- const divRef = useTemplateRef('divRef ');
36
- const div = useTemplateRef('divRef ');
37
- const loremIpsum = useTemplateRef('divRef ');
38
- const submitButton = useTemplateRef('submitter');
34
+ const submitRef = useTemplateRef('submitRef ');
35
+ const submitButton = useTemplateRef('submitRef ');
36
+ const closeButton = useTemplateRef('closeRef ');
37
+
39
38
/* ✗ BAD */
40
- const divRef = ref();
41
- const submitter = ref();
39
+ const closeRef = ref();
42
40
</script>
43
41
```
44
42
You can’t perform that action at this time.
0 commit comments