页面开发,需要实现alert弹窗提示内容按照html标签解析展示。
搜索elementui中文官网,地址 https://element.eleme.cn/2.11/#/zh-CN/
点击组件,左边找到MessageBox弹窗,点击找到使用 HTML 片段,即找到了实现的方法啦。
https://element.eleme.cn/2.11/#/zh-CN/component/message-box
使用 HTML 片段
message 属性支持传入 HTML 片段。
将dangerouslyUseHTMLString属性设置为 true,message 就会被当作 HTML 片段处理。
<template>
<el-button type="text" @click="open">点击打开 Message Box</el-button>
</template>
<script>
export default {
methods: {
open() {
this.$alert('<strong>这是 <i>HTML</i> 片段</strong>', 'HTML 片段', {
dangerouslyUseHTMLString: true
});
}
}
}
</script>













网友评论