element-ui popover 問題

1.采用element-ui實(shí)現(xiàn)目標(biāo)：

鼠標(biāo)移入操作欄中 灰色通過按鈕（el-buttons設(shè)disabled），顯示相應(yīng)行poppver，移出popover消失

2.官方文檔中采用 點(diǎn)擊 + v-popover：popover2 方式實(shí)現(xiàn)，但是目前希望鼠標(biāo)移入實(shí)現(xiàn)彈出popover，而且el-button設(shè)為disabled，無法點(diǎn)擊，不知道如何實(shí)現(xiàn)？

3.用v-modal實(shí)現(xiàn)效果，但是存在問題：無論移入一欄操作，顯示的popover不對，非對應(yīng)行，操作列代碼如下

   <el-table-column  label="操作" width="250">
    <template slot-scope="scope">
        <el-popover :disabled="!scope.row.agree" ref="popover{{$index}}" placement="top-end" width="160" v-model="showAgreePopover">
          <p>這是一段內(nèi)容這是一段內(nèi)容確定刪除嗎？{{scope.row.end_time}}</p>
          <div style="text-align: right; margin: 0">
            <el-button size="mini" type="text" @click="clickAgreeFromPopover(false, scope.row.id)">取消</el-button>
            <el-button type="primary" size="mini" @click="clickAgreeFromPopover(true, scope.row.id)">確定</el-button>
          </div>
        </el-popover>
        <el-button type="text" :disabled='!scope.row.agree' size="mini" @click="agree(scope.$index, scope.row)">通過</el-button>
        <el-button type="text" size="mini" @click="notAgree(scope.$index, scope.row)">駁回</el-button>
    </template>
  </el-table-column>