【vue2】如何自定义antd的message内容

最新推荐文章于 2024-02-06 09:02:17 发布

weixin_55005618

最新推荐文章于 2024-02-06 09:02:17 发布

阅读量915

点赞数

文章标签：前端 html css

本文链接：https://blog.csdn.net/weixin_55005618/article/details/128844228

版权

当我们需要自定义message内容时，可以使用

this.$message.success(h =>
                this.$createElement('span', [
                    h('span', '这里是文本消息'),
                    h(
                        'a',
                        {
                            style: 'margin-left:30px',  // 样式内容
                            on: {
                                click: this.downFile  // 点击事件 downFile为方法名，在methods中自己定义
                            }
                        },
                        '可点击'
                    )
                ])
            );