vue+element的confirm提示消息文字变色和换行
·
效果:

思路:
可以考虑采用模板字符串的思路实现
代码:
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
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)