美文网首页
实现alert弹窗提示内容按照html标签解析展示

实现alert弹窗提示内容按照html标签解析展示

作者: 小青多多 | 来源:发表于2025-09-28 10:41 被阅读0次

页面开发,需要实现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>

相关文章

网友评论

      本文标题:实现alert弹窗提示内容按照html标签解析展示

      本文链接:https://www.haomeiwen.com/subject/wonttstx.html