Popover的简单介绍
trigger属性用于设置何时触发 Popover,支持四种触发方式:hover,click,focus 和 manual。
对于触发 Popover 的元素,有两种写法:使用 slot=“reference” 的具名插槽,或使用自定义指令v-popover指向 Popover 的索引ref。
placement 弹框的出现位置
value / v-model 状态是否可见
hide/show 关闭/显示时触发的事件
table单元格嵌套Popover,点击嵌套内容中的确定或取消来关闭el-popover。
<el-table-column label="颜色选择" align="center">
<template slot-scope="scope" >
<div class="flagBtn">
<el-popover
:ref="`popover1-${scope.$index}`" //定义动态的ref
placement="top" width="250" trigger="click"
@hide="hide" //弹窗隐藏时候触发的事件
>
<el-radio-group v-model="scope.row.Color" style="margin-bottom:10px">