在a-table组件中使用对话框不生效问题
<a slot="action" slot-scope="" @click="showDrawer">修改</a>
<!-- 审核按钮操作 -->
<a slot="shenhe" @click="audit">审核</a>
<a-modal title="Title" :visible="Auditvisible" :confirm-loading="confirmAudit" @ok="handleOk" @cancel="handleCancel">
<p>{{ ModalText }}</p>
</a-modal>
这个a-moal是不是跟点击要求是在一个div内才能生效?
<template>
<div>
<a-button type="primary" @click="showModal">
Open Modal
</a-button>
<a-modal v-model="visible" title="Basic Modal" @ok="handleOk">
<p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p>
</a-modal>
</div>
</template>
<script>
export default {
data() {
return {
visible: false,
};
},
methods: {
showModal() {
this.visible = true;
},
handleOk(e) {
console.log(e);
this.visible = false;
},
},
};
</script>