element this.$confirm确定框内容区域自定义多行显示

最新推荐文章于 2024-07-09 15:47:50 发布

kuro桑

最新推荐文章于 2024-07-09 15:47:50 发布

阅读量4k

点赞数 3

分类专栏： PC端踩坑文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_37560844/article/details/106000345

版权

PC端踩坑专栏收录该内容

4 篇文章 2 订阅

订阅专栏

    let confirmText = [
        "确定还原被和谐的内容吗（前端不再显示*号）？",
        '敏感词：XXXX'
    ]
    const newDatas = []
    const h = this.$createElement
    for (const i in confirmText) {
      newDatas.push(h("p", null, confirmText[i]))
    }
    this.$confirm("提示", {
      title: "提示",
      message: h("div", null, newDatas),
      showCancelButton: true,
      confirmButtonText: "确定",
      cancelButtonText: "取消",
      type: "warning"
    })
      .then(async () => {
      })
      .catch(error => {
        console.log(error)
      })

效果图：
在这里插入图片描述