ant-design-vue modal问题

代码:

<template>
    <div id="test">
        <div class="content">
            <span v-for="(item, index) in 1000" :key="index">内容</span>
        </div>

        <a-modal
            title="Title"
            width="50%"
            :visible="true"
            :mask="false"
            :centered="true"
            :bodyStyle="{'height': '50vh'}"
        >
            <p>modalText</p>
        </a-modal>
    </div>
</template>

效果:
image.png

image.png

如图,在把mask属性设置为false的情况下,

虽然没有了遮罩,但是modal外层仍然有一个宽高100%的容器,

导致无法选取弹窗后面的内容(比如选中文字),

请问该怎么处理可以做到能选取弹窗后面的内容?

待解决 悬赏分:80 - 离问题结束还有 345天3小时2分24秒
反对 0举报 0 收藏 0

我来回答

回答1