a-icon

最新推荐文章于 2024-08-08 15:29:34 发布

原创最新推荐文章于 2024-08-08 15:29:34 发布 · 311 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#数学建模

vantd随笔专栏收录该内容

10 篇文章

订阅专栏

在Vue应用中，可以使用$confirm方法显示一个对话框，其中的icon可以通过$createElement函数自定义，例如设置为a-icon组件，通过props传入type和theme属性来创建一个填充样式的exclamation-circle图标。

icon 自定义图标（1.14.0 新增） string|()=>VNode
一、利用自带的icon赋值个默认的icon名字就可以了，但是有时候我们需要用到实底风格的icon，所以只能用()=>VNode

this.$confirm({
    title: '确认设置当前位置为出险地点?',
    content: this.infoWindow.contents,
    icon: () => this.$createElement('a-icon', {
        props: {
            type: 'exclamation-circle',
            theme: 'filled'
        },
    }),
    onOk: () => {
        this.onMapClose();
        console.log('点击确认')
    },
    onCancel() {
    },
});