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