Element-ui API说:content 可以通过slot 传入DOM。

那这个
slot是如何实现的呢?看源码:
就是一个
slot元素。
通过插槽分发内容的解释:
slot元素作为组件模板之中的内容分发插槽,自身会被组件里的内容替换。
所以,可以直接在el-popover组件里写html内容:
<el-popover placement="top-start" width="200" trigger="hover">
<img :src="url" />
<img slot="reference" :src="url" />
</el-popover>
如果是写在表格formatter里面的,应换成 jsx 语法:
formatter: (row, column, cellValue, index) => {
return (
<el-popover
placement="top-start"
width="200"
trigger="hover"
>
<img src={cellValue} />
<img slot="reference" src={cellValue} />
</el-popover>
);
}










