ant-design-vue Modal.confirm 提示内容自定义， 多行显示
ant-design-vue Modal.confirm 提示内容自定义， 多行显示
<script setup>
import {
createVNode
} from 'vue';
import { Modal } from 'ant-design-vue';
function handleTest() {
const childrenDiv = [];
for (let i = 0; i < 6; i += 1) {
const item = createVNode('div', { class: 'item', }, `这是内层div的内容${i + 1}`);
childrenDiv.push(item);
}
const outerDivVNode = createVNode('div', { style: 'padding: 10px;' }, childrenDiv);
Modal.confirm({
title: '信息提示',
content: outerDivVNode, // 自定义的内容，多行显示
okText: '确认',
cancelText: '取消',
centered: true,
cancelButtonProps: { style: { display: 'none' } }, // 隐藏取消按钮
onOk: async () => {
}
});
}
</script>
效果如下：
原文地址：https://blog.csdn.net/weixin_44980864/article/details/144714446
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！