关于vue.js:vant的field组件autofocus属性只生效一次

45次阅读

共计 327 个字符,预计需要花费 1 分钟才能阅读完成。

vant 的 field 组件 autofocus 属性只失效一次

问题形容

<van-field
  autofocus
  ref="fieldPhone"
  name="phone"
  v-model="form.phone"
  label="手机号码"
  placeholder="手机号码"
  :rules="[{required: true, message:' 请输出手机号码 '}]"
/>

应用 van-field 的 autofocus 属性,只在第一次进入页面时能胜利 focus

解决办法

不应用 autofocus,改为页面 mounted 或弹框显示时手动调用 van-field 提供的 focus 办法

this.$nextTick(() => {this.$refs.fieldPhone.focus();
});

正文完
 0