我将 Vue3 与Ant Design Vue一起使用，并希望创建一个可以在整个应用程序中重用的“模态”组件。
像这样非常简单的事情：
<template>
<a-button type="primary" @click="showModal">Open</a-button>
<a-modal v-model="visible" wrap-class-name="full-modal-to-xl">
<p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p>
</a-modal>
</template>
<script lang="ts">
import { ref, defineComponent } from "vue";
export default defineComponent({
setup() {
const visible = ref(false);
const showModal = () => {
visible.value = true;
};
return { visible, showModal };
},
});
</script>
但它根本不起作用......（没有控制台日志或错误）。
当您作为道具传递时，它似乎确实有效visible，但我真的不想这样做。这应该也可以...
我错过了什么？
编辑：解决方案（但不是真正的解决方案）使用组合 API似乎对 Ant 是不可行的。