element ui ＜el-popover弹出框关闭问题

element ui <el-popover弹出框关闭问题

最近遇到popover弹出框关闭问题，关闭弹出框使用 scope._self.$refs[‘popover-${scope.$index}`].doClose()，之前测试都是好的，后面改的东西多了…, 再后面发觉点击取消弹框居然不关闭了，确定又能关闭，开始还以为是作用域问题

 <el-table-column type="index" label="序号" width="50" fixed="left" />
 <el-table-column label="操作" width="180">
	 <el-popover :ref="`delete-popover-${scope.$index}`" trigger="click" placement="bottom">
	     <div class="delete-tips">确定要删除该条记录？</div>
	      <div class="delete-minds">该操作不可恢复，请慎重操作！</div>
	      <div style="text-align: center;">
	        <el-button size="mini" class="reset-btn" @click="scope._self.$refs[`delete-popover-${scope.$index}`].doClose()">取 消</el-button>
	        <el-button type="danger" icon="el-icon-delete" size="mini" @click="deletePopBtn(scope, scope.row.aid)">删除</el-button>
	      </div>
	     <el-button slot="reference" type="danger" icon="el-icon-delete" size="mini" style="margin-left: 8px;">删除</el-button>
    </el-popover>
 </el-table-column>

后面发现是由于fixed="left"这个影响了，暂时也没细琢磨为啥就影响了呢，去掉就好了