Element: popover 遍历问题

Created on 5 Apr 2017 · 3Comments · Source: ElemeFE/element

<div id="app">
<el-popover ref="popover" placement="top" width="160" v-model="visible2">
  <p>这是一段内容这是一段内容确定删除吗？</p>
  <div style="text-align: right; margin: 0">
    <el-button size="mini" type="text" @click="visible2 = false">取消</el-button>
    <el-button type="primary" size="mini" @click="visible2 = false">确定</el-button>
  </div>
</el-popover>
<div v-for="i in 3">
<el-button v-popover:popover>删除</el-button>
</div>
</div>

当使用popver 共享一个弹窗时,只有最后一个有效果,应该是覆盖掉了

当同时遍历

<div id="app">
<div v-for="i in 3">
<el-popover :ref="'popover'+ i" placement="top" width="160" v-model="visible2">
  <p>这是一段内容这是一段内容确定删除吗？</p>
  <div style="text-align: right; margin: 0">
    <el-button size="mini" type="text" @click="visible2 = false">取消</el-button>
    <el-button type="primary" size="mini" @click="visible2 = false">确定</el-button>
  </div>
</el-popover>
<!-- 这里el-button 的v-popover属性该如何设置 -->
<el-button v-popover:popover>删除</el-button>
</div>
</div>

场景是个遍历出多个商品,分别有多个操作按钮对应多个操作好像无法实现

Source