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

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

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

效果如下
图例1

猜你喜欢

转载自blog.csdn.net/weixin_55005618/article/details/128844228