验证码验证之后在执行这一段html代码

问题遇到的现象和发生背景

我现在是将这段HTML代码使用isShow显示隐藏了起来，但是没有进行判断

问题相关代码，请勿粘贴截图

register() {

            if (!(/^1[3456789]\d{9}$/.test(this.phoneNum))) {
                uni.showToast({
                    title: '请输入正确的手机号',
                    icon: 'none'
                })
                return;
            }
            if (this.smsCode == '') {
                uni.showToast({
                    title: '请输入验证码',
                    icon: 'none'
                })
                setTimeout(() => {
                    this.isShow = false
                }, 3000)
                return;
            }

            var params = {
                phone: this.phoneNum,
                smsCode: this.smsCode,
                inviter: this.inviter
            }
            uni.showLoading()
            this.httpRequest('user/register', params).then(res => {
                uni.hideLoading()
                if (res.code != 200) {
                    uni.showToast({
                        title: res.message,
                        icon: 'none'
                    })
                    setTimeout(() => {
                        this.isShow = false;
                    }, 2000);
                    return
                }
                // 显示消息提示
                uni.showToast({
                    title: '注册成功，正在跳转下载',
                    icon: 'none'
                })

            })
        },

这是HTML标签页
<a href="#" :class="{'toast-hidden': isShow>下载

运行结果及报错内容

我的解答思路和尝试过的方法

我想的是，就是先进性判断验证码正确还是错误，但是那个a标签代码我不知道怎么搞

我想要达到的结果

就是先进行判断验证码是否正确还是错误，错误给提示，提示已经有了，错误就不执行这段代码，要是正确在执行这个a标签的代码