element confrim添加自定义标签

最新推荐文章于 2025-01-15 20:29:03 发布

原创最新推荐文章于 2025-01-15 20:29:03 发布 · 634 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

cesium

当前文章被收录于：

cesium

3 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍在Vue.js项目中如何使用this.$confirm方法创建警告对话框，包含自定义样式及多语言支持，实现删除确认功能。

const h = this.$createElement; 
this.$confirm(
               提示,
                {
                    title: that.$t('confirm.information'),
                    message: h('div', null, [
                        h('span', null, '删除'),
                        h('br', null, ''),
                        h('div', {
                            // 普通html特性
                            // 相当于`v-bind:style`
                            style: {
                                'margin-top': '5px',
                                color: '#FF7D7C',
                                fontSize: '12px',
                                background: '#FFEBEB',
                                padding: '5px',
                            },
                        },
                        '删除'
                    ]),
                    showCancelButton: true,
                    confirmButtonText: this.$t('confirm.confirm'),
                    cancelButtonText: this.$t('confirm.cancel'),
                    type: 'warning'
                }
            ).then((result) => {
                
                    }
                }
            });