Javascript 尝试禁用按钮时出错,直到用户在Vuejs的otp字段中输入数字为止?

Javascript 尝试禁用按钮时出错,直到用户在Vuejs的otp字段中输入数字为止?,javascript,vue.js,Javascript,Vue.js,otp_值:“”, isFadeout:false, verifyOtp(){ this.disabled=true; this.otpBtnClicked=false; 这是正确的; }, 问题出在你的按钮上 <button class="verify-button-otp pxy_0" :disabled="otp_value.length < 4" @click="verifyOtp" id=&quo

otp_值:“”,
isFadeout:false,
verifyOtp(){
this.disabled=true;
this.otpBtnClicked=false;
这是正确的;
},

问题出在你的按钮上

 <button
  class="verify-button-otp pxy_0"
  :disabled="otp_value.length < 4"
  @click="verifyOtp"
  id="verifybtn"
>

verifyOpt() {
  isFadeout = true;
  ...
}

verifyOpt(){
isFadeout=true;
...
}

您同时拥有
v-on:click
@click
@Click只是v-on的简写:Click使@Click覆盖了isFadeout的逻辑。只需将您的
isFadeout=true
放在
verifyOpt
方法中,请注意,您应该提供@Linek,我现在已经编辑了我的代码。尝试了上述代码,但仍然是相同的问题。我们是否需要从输入字段中传递任何对按钮的引用。我不明白你在用输入做什么,以及它与按钮的关系,但我所说的肯定是问题的一部分。谢谢你的时间,它正在工作。