在vue中如何在input中点击时，选中输入框中所有内容

在vue中如何在input中点击时，选中所有内容

   <input
        type="text"
       :placeholder="showLogin === true ? '请输入手机号':'请输入用户名/邮箱'"
        v-model="userPhone"
        @click="selectValue($event)"
    />

 methods: {
  // 点击选中所有
    selectValue(e) {
      console.log(e);
      e.currentTarget.select();
    },
 }

参考博客：vue中如何让表单点击的时候选中表单中的内容？