当字段聚焦时，VueJS触发事件

Question

我有一个VueJS的密码更改页面，并且仅在用户单击新密码字段时才想查看密码策略。问题是我找不到页面是否焦点。

<b-row>
  <b-col>
    <b-form-group id="newPasswrd" label="New Password" :state="statePassword">
      <b-input-group>
        <b-form-input id="newPassword" v-model="passwords.newPassword" ref="newPassword" placeholder="Passwort" type="password" maxlength="60" />
        <p class="password-description"  >Must be at least 8 characters and contain at least two of the following: Upper case, Lower case, special characters or numbers</p>            
      </b-input-group>
    </b-form-group>
  </b-col>
</b-row>

这就是我在页面的脚本部分中进行测试的内容：

      if (this.$refs.newPassword.focus() == true) console.log("focus");

我的计划是最终将此行放入计算所得的值中，并为其附加一个bool值，以查看/隐藏字段下方的文本，具体取决于其是否处于焦点位置。发生的事情是，当我触发编写此条件的方法时，控制台中什么也没得到，但是焦点却集中在该字段上，这不是我想要的。如果该领域成为焦点，我应该怎么做才能获得布尔值？

Answer 1

绑定使用v-on与native修改：

v-on:focus.native="onFocus"

来自核心成员

将原生事件绑定到组件