Ant Design Vue 中 a-tree-select 和 a-modal 联动：聚焦时显示 Modal

<template>
  <div>
    <a-tree-select
      :tree-data='treeData'
      @focus='showModal'
    />
    <a-modal
      v-model='visible'
    >
      modal content
    </a-modal>
  </div>
</template>
<script>
export default {
  data() {
    return {
      visible: false,
      treeData: [
        // tree data
      ],
    };
  },
  methods: {
    showModal() {
      this.visible = true;
    },
  },
};
</script>