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