小白遇到的问题 在网上找了一些方法解决了 所有要记录一下

需求:
1.在表格中最后一列是操作，其中有编辑和删除操作

这些操作打算用el-popover实现
但是由于el-popover是需要绑定v-model来实现

如果在el-table中直接按照官方文档写的el-popover会实现不了

因此需要给el-popover动态绑定table行 这样才不会冲突

实现代码
html

<el-table-column width="100" align="center" label="操作">
  <template slot-scope="scope">
    <el-popover width="160" :ref="`popover-${scope.$index}`">
      <p>确定删除该项吗？</p>
      <div style="text-align: right; margin: 0">
        <el-button type="text" size="mini" @click="handleClose(scope.$index)">
        </el-button>
        <el-button type="danger" size="mini" >确定</el-button>
      </div>
      <el-button type="text" slot="reference">删除</el-button>
    </el-popover>
  </template>
</el-table-column>
   handleClose(index) {
     this.$refs[`popover-${index}`].doClose()
通过handleClose来实现动态绑定
 我只绑定了取消按钮 绑定确定按钮也是同样的方法
 
就可以实现下面这张效果 table中每一行都可以实现
 
                    小白遇到的问题 在网上找了一些方法解决了 所有要记录一下需求:1.在表格中最后一列是操作，其中有编辑和删除操作这些操作打算用el-popover实现但是由于el-popover是需要绑定v-model来实现如果在el-table中直接按照官方文档写的el-popover会实现不了因此需要给el-popover动态绑定table行 这样才不会冲突实现代码html&lt;el-table-column width="100" align="center" label="操作"&gt;  &l
总结一下日常遇到的UI框架坑，也可能是兼容坑。遇到一些写一些，不停补充。
一、ElementUI——组件内icon图标
谷歌浏览器一切正常，在IE11浏览器下，像select组件右边那个下拉箭头，还有input内清空按钮的图标line-height属性出现问题，图标要么飞到天上去，要么位置很低。
排除全局样式的影响后，line-height值必须和input高度一致，否责值过小过大都无法修改正常。
				
这里写自定义目录标题elementui中el-table和el-popover组合使用问题代码对比解决方法个人的最终解决方案
elementui中el-table和el-popover组合使用问题
在我自己使用elementui 的时候遇到的坑，el-popover和el-table同时使用的时候会出现点击“取消”按钮无法关闭popover的情况，后来观察代码发现这是因为表格嵌套中的popover不像官方文档中的那样v-model中的名称和要控制的visible一一对应。
element-ui官网
				
要修改 ElementUI 的 el-popover 的样式，您可以采用以下几种方式：
1. 使用全局样式表覆盖 ElementUI 的默认样式。您可以使用 CSS 选择器来选择您需要修改的元素，并将样式应用到该元素上。例如，要修改 el-popover 的背景颜色，您可以使用以下代码：
```css
.el-popover__popper {
  background-color: red;
2. 修改 ElementUI 的主题样式。ElementUI 提供了一套主题样式，您可以根据需要自定义主题。具体操作请参考 ElementUI 的官方文档。
3. 使用 scoped 样式表。如果您只需要修改特定页面或组件中的 el-popover 样式，可以使用 scoped 样式表。例如：
```html
<template>
  <el-popover>
    <p>这是一段内容</p>
  </el-popover>
</template>
<style scoped>
.el-popover__popper {
  background-color: red;
</style>
以上是三种常见的修改 ElementUI el-popover 样式的方法，您可以根据实际需求选择适合您的方法。