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

https://img2.mukewang.com/5c79251c0001305008000175.jpg

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

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

https://img3.mukewang.com/5c7925280001088b08000395.jpg

长风秋雁
浏览 7963回答 2
2回答

守候你守候我

<el-popover &nbsp;&nbsp;&nbsp;&nbsp;placement="bottom" &nbsp;&nbsp;&nbsp;&nbsp;title="标题" &nbsp;&nbsp;&nbsp;&nbsp;width="200" &nbsp;&nbsp;&nbsp;&nbsp;trigger="click"> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="popover-content"&nbsp;v-html="html"></div> &nbsp;&nbsp;&nbsp;&nbsp;<el-button&nbsp;slot="reference">click&nbsp;激活</el-button></el-popover>data(){ &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html:&nbsp;'<h1>这是一段内容,这是一段内容,这是一段内容,这是一段内容。</h1>' &nbsp;&nbsp;&nbsp;&nbsp;} }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5
CSS3