Elementui Popover 嵌套在表格中的问题和解决方法

按照elementui官方的说明,发现当popover嵌套在表格内,须要点击关闭提示框时,会出现提示框消失不了的状况.解决方法有=>javascript

给el-popover 添加ref,例如:html

<el-table-column>
    <template slot-scope="item">
        <el-popover
        :ref="item.row.id"
        placement="top"
        width="200"
        trigger="click"         
        >
            <el-input type="text" v-model="inputContent"></el-input>
            <el-button slot="refenrence" type="primary" @click="cancelInput(item.row.id)">
            点击取消</el-button>                            
        </el-popover>
    </template>
</el-table-column>

methods: {
    
    cancelInput (id){
        this.$refs[id].doClose();
    }
}