在vue 中 element-ui table結合Popover使用

在vue 中 element-ui table結合Popover使用 

<el-table-column
                                label="操作"
                                >
                                <template slot-scope="scope">
                                    <el-link type="primary" :underline="false" icon="el-icon-view" @click="deviceToDetail(scope.row)">詳情</el-link>
                                   <el-popover placement="top" width="300" :ref="`popover-${scope.$index}`">
                                        <p>確定刪除這個{{scope.row.name}}產品嗎？</p>
                                        <div style="text-align: right; margin: 0">
                                        <el-button
                                            size="mini"
                                            @click="scope._self.$refs[`popover-${scope.$index}`].doClose()"
                                        >取消</el-button>
                                        <el-button type="primary" size="mini" @click="makeSure(scope)">確定</el-button>
                                        </div>
                                        <el-link
                                        slot="reference"
                                        :underline="false"
                                        icon="el-icon-delete"
                                        type="danger"
                                     >刪除</el-link>
                                     </el-popover>
                            </el-table-column>