美文网首页
vue 验证手机号码正确与否 再发送验证码

vue 验证手机号码正确与否 再发送验证码

作者: 自律使我自由ww | 来源:发表于2019-12-16 21:26 被阅读0次

当输入的手机号码正确,改变获取验证码字体样式

   首先要使用computed对input标签进行的正则判断


使用v-model获取input的值

  利用计算属性判断手机号是否正确

将test的布尔值return出去给下图

 给获取验证码添加类名,根据上述方法的true与false来动态添加类名

当computed的方法为false,那么获取验证码就不好使了,直接取反就行

相关文章

网友评论

      本文标题:vue 验证手机号码正确与否 再发送验证码

      本文链接:https://www.haomeiwen.com/subject/ckqjnctx.html