一 代码
handleRiskQueryResult(row) {
this.$alert('<table border="0">\n' +
' <tr>\n' +
' <th>社会统一信用代码</th>\n' +
' <th>风险类型</th>\n' +
' <th>风险描述</th>\n' +
' <th>链接</th>\n' +
' <th>日期</th>\n' +
' </tr>\n' +
' <tr>\n' +
' <td>91330481MA8F5XXXX</td>\n' +
' <td>虚开专用发票</td>\n' +
' <td>虚开增值税专用发票或者虚开用于骗取出口退税、抵扣税款的其他发票</td>\n' +
' <td>http://shanghai.chinatax.gov.cn/newxbwz/</td>\n' +
' <td>20200414</td>\n' +
' </tr>\n' +
' <tr>\n' +
' <td>91330481MA8FXXXX</td>\n' +
' <td>走逃</td>\n' +
' <td>经税务机关检查确认走逃(失联)</td>\n' +
' <td>http://shanghai.chinatax.gov.cn</td>\n' +
' <td>20191230</td>\n' +
' </tr>\n' +
'</table>', '风险列表', {
dangerouslyUseHTMLString: true,
customClass: 'messageBox'
});
},
<style>
.messageBox {
width: 1200px;
}
</style>
二 效果
三 注意
因为 MessageBox 弹框的默认宽度是固定的,所以需要增加样式改变宽度。文章来源:https://www.toymoban.com/news/detail-805588.html
文章来源地址https://www.toymoban.com/news/detail-805588.html
到了这里,关于Element UI 的 MessageBox 弹框使用 HTML 片段生成表格的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!