vue两个按钮切换_在vue中实现多个按钮样式的点击切换？

1.在vue中实现多个按钮样式的点击切换？有多个按钮，点击其中一个出现下划线，而另一个回到原始状态。

点击其中一个两个同时出现下划线样式：

再次点击两个都还原成最初的样式，即有下划线：

如何实现只有被点击的那一个才会出现下划线样式？

这个我写的代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

短信验证

邮箱验证

import HeaderTop from ../../components/HeaderTop/HeaderTop.vue

import email from ../../pages/Login/email.vue

import number from ../../pages/Login/number.vue

export default {

name: "Login",

<