点击让input框出现，并自动获取焦点

点击让input框出现，并自动获取焦点

  <div class="content-big">
            <div class="content-box" v-for="(item) in dataAllList" :key="item.parentId" @dblclick="clickBox(item)">
                <div class="box-header">{{ item.className }}</div>

                <input type="text" v-model="inputVAlue" class="box-input" v-if="flag == item.parentId && indexFlag == true"
                    ref="inputRefs" @blur="blueinput"  />
                <div v-else> {{ item.remark }} </div>

            </div>
        </div>

//这是点击方法
  clickBox(val) {
            this.modifyInformation = val
            this.inputVAlue = val.remark
            this.flag = val.parentId
            this.indexFlag = true
            this.$nextTick(()=>{
                this.inputRefs.focus()
            })

        },

但是一直会报这个错

应该怎么解决

this.$refs.inputRefs[0].focus()