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",

data(){

return{

comName:'number',

isShow:true,

flag:true

}

},

methods:{

changeColor:function(){

if(th