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

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();
});