我有一个Vue表单,其中为电话号码输入合并了一些输入框以进行样式设置。
我的问题是用户必须按Tab键才能进入电话号码的下一个输入框。
是否有一种方法可以检查当前输入框的最大长度,并在达到时进入下一个输入框?
我的问题是用户必须按Tab键才能进入电话号码的下一个输入框。
是否有一种方法可以检查当前输入框的最大长度,并在达到时进入下一个输入框?
<div class="combined-input combined-input--phone" :class="{'error--input': phoneInvalid('patientInformation')}">
<div class="open-parenthesis"></div>
<input type="text" id="phoneArea" maxlength="3" @blur="$v.formData.patientInformation.phone.$touch()" v-model.trim="$v.formData.patientInformation.phone.area.$model">
<div class="close-parenthesis"></div>
<input type="text" id="phoneA" maxlength="3" @blur="$v.formData.patientInformation.phone.$touch()" v-model.trim="$v.formData.patientInformation.phone.a.$model">
<div class="dash"></div>
<input type="text" id="phoneB" maxlength="4" @blur="$v.formData.patientInformation.phone.$touch()" v-model.trim="$v.formData.patientInformation.phone.b.$model">
</div>
data
中设置一个状态并将其逐步增加,这可能是一个解决方案。 - kissu