1.定义按钮 绑定:type(响应式)
<a-button @click="ZG" :type="defaultType==1?'primary':null" style="height: 45px;"></a-button>
<a-button @click="ZGHF" :type="defaultType==2?'primary':null" style="height: 45px;"></a-button>
<a-button @click="FG" :type="defaultType==3?'primary':null" style="height: 45px;"></a-button>
<a-button @click="TG" :type="defaultType==4?'primary':null" style="height: 45px;"></a-button>
2.定义 defaultType
const defaultType = ref(1)
3.点击事件
const ZG = () => {
defaultType.value = 1
show.value = true
show2.value = false
show3.value = false
show4.value = false
console.log(111,);
}
const ZGHF = () => {
defaultType.value = 2
show.value = false
show3.value = false
show4.value = false
show2.value = true
console.log(22);
}
const FG = () => {
defaultType.value = 3
show.value = false
show2.value = false
show3.value = true
show4.value = false
console.log(33);
}
const TG = () => {
defaultType.value = 4
show.value = false
show2.value = false
show3.value = false
show4.value = true
console.log(44);
}