|
[多端开发]
text组件的disabled属性在methods定义的方法内动态改变无效??
[复制链接]
本帖最后由 ColdKiller 于 2022-6-15 17:05 编辑
如题,想把text组件的disabled属性值动态在methods定义的getCode()方法内无法动态改变,请问下大家如何实现,谢谢啦~~~- <view class="f-input-box input-verify">
- <text>验证码</text>
- <input class="f-input" type="number" keyboard-type="number" placeholder="请输入验证码" data-id="verify"
- oninput="insertInput" maxlength="6"></input>
- <view class="btn-getverify"><text id="code" class="btn-getverify-text" @click="getCode()">获取验证码</text></view>
- </view>
复制代码- getCode(){
- let code = $("#code");
- console.log(code);
- let times = 30000;
- var flag = setInterval(function () {
- if (times == 0) {
- clearInterval(flag);
- code.textContent = "获取验证码";
- code.className= "btn-getverify-text";
- code.disabled = false;
- times = 30000;
- } else {
- times = times - 1000;
- code.className= "btn-getverify-text-disabled";
- code.textContent = "等待" + (times / 1000) + 'S';
- code.disabled = true;
- }
- }, 1000);
- }
复制代码
|
|