Я создаю регистрационную форму мастера, где сначала вводится номер мобильного телефона и пароль вводится далее.
Здесь я пытаюсь сфокусировать ввод пароля с помощью
this.$$.passwordInput.focus()
однако, если я получаю ошибку, приведенную ниже
Uncaught TypeError: Cannot read property 'focus' of undefined
Полный код ниже
index.html
<div id="login">
<div v-if="flow.mobile">
<form v-on="submit: checkmobile">
<p>
Mobile Number<br>
<input type="text" v-model="mobile_number" v-el="mobileNumber">
</p>
</form>
</div>
<div v-if="flow.password">
<form v-on="submit: checkpassword">
<p>
Password<br>
<input type="password" v-model="password" v-el="passwordInput">
</p>
</form>
</div>
script.js
var demo = new Vue({
el: '#login',
data: {
flow: {
mobile: true,
password: false
}
},
methods: {
checkmobile: function(e) {
e.preventDefault();
this.flow.mobile = false;
this.flow.password = true;
this.$$.passwordInput.focus();
},
checkpassword: function(e) {
e.preventDefault();
}
}
});