vantUI组件：获取验证码 - 踩坑篇

vant 的button组件：（发送验证码）按钮点击没反应？

---

应用场景 · 前戏：

1. 效果图解说：
   

2. 代码公示：

    <van-field
       v-model="sms"
       center
       clearable
       label="短信验证码"
       placeholder="请输入短信验证码"
     >
       <van-button id="noo" slot="button" size="small" type="primary" @click="sendMessage">发送验证码</van-button>
     </van-field>
   

解决办法 · 争戏份：

上述代码中，替换@click事件为@touchstart事件，即可。

也即，将代码：

<van-button id="noo" slot="button" size="small" type="primary" @click="sendMessage">发送验证码</van-button>

替换为：

<van-button id="noo" slot="button" size="small" type="primary" @touchstart="sendMessage">发送验证码</van-button>

---

附件：全部代码实例 · 剧终

• 点击查看 · 全部代码实例
• Vant官方文档 · 详情解说
  

---

以上就是关于“ vantUI组件：获取验证码 - 踩坑篇 ” 的全部内容。