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

最新推荐文章于 2023-12-01 10:46:55 发布

原创最新推荐文章于 2023-12-01 10:46:55 发布 · 4.1k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

PC端踩坑专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种在前端应用中处理被屏蔽敏感内容的方法，通过弹窗确认是否还原被和谐的文字，涉及Vue组件的使用及警告对话框的设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    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)
      })

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