div设置tabIndex后还是无法focus()

Question

使用的vue.js框架  <div class="field">    <div class="control">      <div class="label-box" tabIndex=-1 v-if="show_label_box" ref="label-box" @focus="console.log(666)">        <label v-for="label in avliableLabels" @click="add_label(label)">{{ label.title }}</label>      </div>    </div>  </div>函数如下：active_label_box(event) {  this.show_label_box = true  this.$refs['label-box'].focus()},结果却报以下错误百度找不到任何答案，可能是我搜索关键词不对，大佬们能给个建议么？

Answer 1

this.$refs['label-box'] 是 undefined 不关 focus 的事