效果:

思路:

可以考虑采用模板字符串的思路实现

代码:

 this.confirm(`您确定要<b style="Color: red">${text}</b>的数据项?<br/>单位名称: ${row.companyName} <br/>属性: ${row.attributeName}`)
        .then(() => {
            console.log('确定');
            })
        .catch(() => {
            console.log('取消');
        })

还可以配置本地图片图标

  this.$confirm(`<img src="${require('@/assets/images/newImages/shanchutishi.png')}" alt class="containerleftimg" style="width: 36px; height: 36px; margin-right: 20px;"/>请确认是否删除该稀产品, 此操作不可逆?`, '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          dangerouslyUseHTMLString: true   // 关键配置,允许解析HTML
        }).then(() => {
          this.$message({
            type: 'success',
            message: '删除成功!'
          });
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          });          
        });

注意这个配置项:   dangerouslyUseHTMLString: true   // 关键配置,允许解析HTML

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐