vue+element UI 中this.$confirm内容换行

最新推荐文章于 2024-04-04 19:13:28 发布

原创最新推荐文章于 2024-04-04 19:13:28 发布 · 2.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#数学建模 #vue.js

vue+element ui 专栏收录该内容

2 篇文章

订阅专栏

这段代码展示了如何在Vue应用中利用this.$createElement创建一个提示框，该提示框包含详细的操作指导，如订单导出的两种情况。用户可以选择确定或取消操作，提示框具有警告类型的设计。

const h = this.$createElement
this.$confirm('温馨提示', {
  title: '温馨提示',
  message: h('div', [h('p', '此功能操作导出结果'), h('p', '1.选择一个订单-例如:普通餐-对比订单未支付人员的信息进行导出,相同人员存在一个缴费成功自动过滤'),h('p', '2.选择两个订单-例如:普通餐和清真餐-对比两个订单未缴费人员信息导出,相同人员存在一个缴费成功自动过滤')]),
   confirmButtonText: '确定',
   cancelButtonText: '取消',
   type: 'warning',
 })
.then(() => {})
.catch(() => {});