自定义Ant design vue的trigger

你可以通过自定义 Ant Design Vue 的 Trigger 组件来实现你想要的样式和功能。下面是一个自定义 Trigger 的示例：

<template>
  <a-dropdown>
    <span class="my-trigger">切换菜单</span>
    <a-menu slot="overlay">
      <a-menu-item>菜单项 1</a-menu-item>
      <a-menu-item>菜单项 2</a-menu-item>
      <a-menu-item>菜单项 3</a-menu-item>
    </a-menu>
  </a-dropdown>
</template>

<script>
export default {
  data() {
    return {
      visible: false,
    };
  },
  methods: {
    handleVisibleChange(visible) {
      this.visible = visible;
    },
  },
};
</script>

<style scoped>
.my-trigger {
  cursor: pointer;
  padding: 8px 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
}

.my-trigger:hover {
  background-color: #f5f5f5;
}

.my-trigger.active {
  background-color: #eee;
}
</style>

在这个示例中，我们自定义了 Trigger 的样式，将它放在一个 `span` 元素里，并且在 `handleVisibleChange` 方法中切换了 Trigger 的激活状态。你可以根据自己的需求自定义 Trigger 的样式和行为。