帖子
帖子
用户
博客
课程
显示全部楼层
100
帖子
2
勋章
1965
Y币

[多端开发] text组件的disabled属性在methods定义的方法内动态改变无效??

[复制链接]
发表于 2022-6-15 16:36:36
本帖最后由 ColdKiller 于 2022-6-15 17:05 编辑

如题,想把text组件的disabled属性值动态在methods定义的getCode()方法内无法动态改变,请问下大家如何实现,谢谢啦~~~
  1. <view class="f-input-box input-verify">
  2.                                 <text>验证码</text>
  3.                                 <input class="f-input" type="number" keyboard-type="number" placeholder="请输入验证码" data-id="verify"
  4.                                         oninput="insertInput" maxlength="6"></input>
  5.                                 <view class="btn-getverify"><text id="code" class="btn-getverify-text" @click="getCode()">获取验证码</text></view>
  6.                         </view>
复制代码
  1. getCode(){
  2. let code = $("#code");
  3.                         console.log(code);
  4.                         let times = 30000;
  5.                         var flag = setInterval(function () {
  6.                                 if (times == 0) {
  7.                                         clearInterval(flag);
  8.                                         code.textContent = "获取验证码";
  9.                                         code.className= "btn-getverify-text";
  10.                                         code.disabled = false;
  11.                                         times = 30000;
  12.                                 } else {
  13.                                         times = times - 1000;
  14.                                         code.className= "btn-getverify-text-disabled";
  15.                                         code.textContent = "等待" + (times / 1000) + 'S';
  16.                                         code.disabled = true;
  17.                                 }
  18.                         }, 1000);
  19. }
复制代码




input 和 textarea 输入用这两个
100
帖子
2
勋章
1965
Y币
这样啊 好吧
技术咨询-特特 · 2022-6-15 17:32input 和 textarea 输入用这两个
您需要登录后才可以回帖 登录

本版积分规则