点击事件控制按钮类型

 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);

}