怎么让html支持el语言,elementui中el-popover里面的内容怎么用html写？content显示的内容... - 简书...

image.png

这个属性怎么用的

我们可以看一下源码

:name="transition"

@after-enter="handleAfterEnter"

@after-leave="handleAfterLeave">

class="el-popover el-popper"

:class="[popperClass, content && 'el-popover--plain']"

ref="popper"

v-show="!disabled && showPopper"

:style="{ width: width + 'px' }"

role="tooltip"

:id="tooltipId"

:aria-hidden="(disabled || !showPopper) ? 'true' : 'false'"

>

{{ content }}

其中 {{ content }}

内容可以以插槽的形式传入，所以前端可以直接在el-popover组件里写html内容

placement="top-start"

title="作者简介"

width="400"

trigger="hover"

>

昵称：webrabbit邮箱：

href="mailto:admin@websmallrabbit.com"

target="_blank"

data-toggle="tooltip"

rel="nofollow"

data-placement="bottom"

title=""

data-original-title="Email:admin@websmallrabbit.com"

>admin@websmallrabbit.com

个人网址：

http://websmallrabbit.github.io/

webrabbit博客

显示

image.png

如果你还喜欢欢迎点赞关注 😀😀😀

image.png