Vue.js(Nuxt.js) v-if使用時$refsがundefinedになってしまう時の対処法 - Qiita

Vue.js(Nuxt.js)にて、 v-if使用時に$refsがundefinedになってしまう時の対処法になります。 <template> <div> <input v-if="isInputName" ref="inputName" type="text" name="name" /> <button @click="inputFocus">編集</button> </div> </template> <script lang="ts"> import Vue from 'vue' export default Vue.extend({ data() { return { isInputName: false } }, methods: { inputFocus() { this.isInputName = true const inputName = this.$refs.inpu