el-popover 嵌套在表格中点击无法弹出

Question

 <el-table-column  label="一级超时预警">
               <template slot-scope="scope">
             <el-popover
          placement="top"
          width="160"
          v-model="scope.row.visible">
          <p>这是一段内容这是一段内容确定删除吗？</p>
          <div style="text-align: right; margin: 0">
            <el-button size="mini" type="text" @click="scope.row.visible = false">取消</el-button>
            <el-button type="primary" size="mini" @click="scope.row.visible = false">确定</el-button>
          </div>
          <el-button slot="reference">删除</el-button>
        </el-popover>
         </template>
            </el-table-column>

上面为elementui 中table表格中的某行，将el-popover 通过通过插槽的方式放入，点击的时候无效？有没有人遇到呢？### 问题描述

Answer 1

官方示例：

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

你好像没加trigger="click"

Answer 2

你绑定了scope.row.visible这个是判定你的popover是否显示，你打印一下看看，是不是这个字段变成false了，如果你默认scope.row.visible是false,在点击删除时请把他变成true