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']&nbsp;是&nbsp;undefined&nbsp;不关&nbsp;focus&nbsp;的事