antdesign $confirm 内添加输入框

最新推荐文章于 2024-04-25 10:40:49 发布

拒绝敲代码的程序猿

最新推荐文章于 2024-04-25 10:40:49 发布

阅读量1.2k

点赞数 6

分类专栏： antdesign问题文章标签：前端 anti-design-vue

本文链接：https://blog.csdn.net/greencaiji/article/details/135204605

版权

antdesign问题专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在这里插入图片描述

antdesign里的确认框，$confirm内添加输入框
第一种：

headerCellClick(e, col) {
            this.$confirm({
                title: col.columnName,
                content: h => (
                    <div style="display:flex;align-items:center">
                        <span style="flex:none;padding-right:16px">请输入</span>
                        <a-input v-model={this.currentDialogValue} />
                    </div>
                ),
                onOk() => {},
                onCancel() => {},
            });
        },

第二种：

let text = `1111<br>2222`
this.$confirm({
                title: '',
                content: h => {
                    return h(
                        'div',
                        {
                            domProps: {
                                innerHTML: text,
                            },
                        },
                        []
                    );
                },
                onOk: () => {},
                onCancel() => {},
            });