element-ui的el-popover在表格组件下无法显示和不能隐藏的问题

在列表下使用el-popover的情况下，会遇到无法关闭的情况

着时候就得给el-popover分配一个唯一的ref，例如我给它分配那一行的索引值scope.$index

需要关闭的时候调用scope._self.$refs[scope.$index].doClose()就OK啦！

<el-table-column label="操作" align="center" width="150" >
                <template slot-scope="scope">
                    <el-popover
                            placement="top"
                            width="160"
                            :ref="scope.$index"
                            >
                        <p>确定删除该条数据吗？</p>
                        <div style="text-align: right; margin: 0">
                            <el-button size="mini" type="text" @click="scope._self.$refs[scope.$index].doClose()">取消</el-button>
                            <el-button type="primary" size="mini" @click="scope._self.$refs[scope.$index].doClose();deleteHandler(scope.$index,scope)">确定</el-button>
                        </div>
                        <el-button slot="reference"  type="danger" size="mini" >删除</el-button>
                    </el-popover>

                </template>
            </el-table-column>