element popover 不顯示/不隱藏問題解決方法

html代碼部分

<el-table-column
　　label="操作">
　　<template slot-scope="scope">
　　　　<el-button @click="checkUserInfoFn(scope.row.id)" type="text" size="small">查看</el-button>
　　　　<el-button @click="editUserInfoFn(scope.row.id)" type="text" size="small">編輯</el-button>
　　　　<el-button type="text" size="small" @click="scope.row.visible = true">刪除</el-button>
　　　　<el-popover
　　　　　　placement="left"
　　　　　　width=170
　　　　　　v-model="scope.row.visible">
　　　　　　<p>是否刪除此用戶信息？</p>
　　　　　　<div style="text-align: right; margin-top: 10px;">
　　　　　　　　<el-button size="mini" type="text" @click="scope.row.visible = false">否</el-button>
　　　　　　　　<el-button size="mini" type="primary" @click="scope.row.visible = false">是</el-button>
　　　　　　</div>
　　　　</el-popover>
　　</template>
</el-table-column>

js部分，最主要的是在表格數據中添加 visible: false 屬性，用於控制每列的popover的顯示/隱藏

response.data.data.forEach(function(item){
    item.visible = false;
})

此番操作即可解決問題，但是我用的時候有個小問題，我的popover不顯示指示箭頭，就算我添加屬性，它也不顯示，而且設置顯示的位置也無效，有待解決。難道在表格里不能這樣處理嗎？Orz