element-ui el-popover content 传入 DOM

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

content

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>
        );
}