element 表格种使用popover问题

在向表格中嵌入popover时出现了一行表格有俩弹窗的情况imageimageimage
只有在trigger='manual'时候才会发生这种情况 如果把trigger改成click就正常了 但是的需求是手动控制弹窗的关闭 所以需要使用manual 问题是出在哪里了呢,各位大佬有没有思路。

阅读 3.3k
3 个回答

所以你手动怎么写的

只需要以下代码就可以了,不需要其他代码;
前提是,列表数据里面得有visible字段,并且是boolean值

<el-table-column label="popover">
    <template slot-scope="scope">
        <el-popover
            placement="bottom"
            title="标题"
            width="200"
            trigger="manual"
            content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"
            v-model="scope.row.visible">
        <el-button slot="reference" @click="scope.row.visible = !scope.row.visible">手动激活</el-button>
        </el-popover>
    </template>
</el-table-column>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题