问题
在使用element-ui过程中碰到个问题,想在el-table中实现点击表格出现浮框,显示内容,通过文档查到了el-popover这个控件,在刚使用的时候如下方所写。但是在使用的过程中,发现一个问题,table中最后一行的表格点击怎么都不显示,于是换了一种写法,解决了问题,也是花了一阵子时间。
<el-table-column label="" align="center" min-width="300">
<template slot-scope="{row}">
<span v-popover:popover class="link-type line-limit-length">{{ row.detail }}
<el-popover ref="popover" placement="bottom-start" title="" width="600" trigger="click" :content="row.detail" />
</span>
</template>
</el-table-column>
解决
<el-table-column label="" align="center" min-width="300">
<template slot-scope="{row}">
<el-popover width="500" placement="right-start" trigger="click" :content="row.detail">
<span slot="reference" class="link-type line-limit-length">{{ row.detail }}</span>
</el-popover>
</template>
</el-table-column>
供遇到同样问题的朋友参考。