为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

长风秋雁 2019-03-01 20:25:02
如上图:这个是携程的,用的是React自己的是vue element-ui,使用Popover弹出框,插入html代码,但是不能被解析,要实现这样的效果需要怎么做呢?如图:
查看完整描述

2 回答

?
守候你守候我

TA贡献1802条经验 获得超10个赞



<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>'
    }
}


查看完整回答
反对 回复 2019-03-01
  • 2 回答
  • 0 关注
  • 7962 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信