vue element-ui Popover 弹出框怎样插入html代码?

图片描述

如上图:
这个是携程的,用的是React

自己的是vue element-ui,使用Popover弹出框,插入html代码,但是不能被解析,要实现这样的效果需要怎么做呢?
如图:图片描述

阅读 8.1k
1 个回答

使用v-html

<el-popover
    placement="bottom"
    title="标题"
    width="200"
    trigger="click">
    <div class="popover-content" v-html="html"></div>
    <el-button slot="reference">click 激活</el-button>
</el-popover>

data(){
    return {
        html: '<h1>这是一段内容,这是一段内容,这是一段内容,这是一段内容。</h1>'
    }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏