vue el-table点击某一行这一行出现el-popover显示信息

在Vue的el-table组件中，可以通过给每一行添加@click事件来实现点击某一行后显示el-popover的效果。具体的步骤如下：

在el-table中的每一行添加@click事件监听器，绑定一个方法，例如handleRowClick：

<el-table :data="tableData" @row-click="handleRowClick">
  <!-- 表格列 -->
</el-table>

在Vue的methods中定义handleRowClick方法，该方法接收点击事件和行数据作为参数：

methods: {
  handleRowClick(event, row) {
    // 在这里显示el-popover
  }
}

在handleRowClick方法中，可以使用Vue的数据绑定来控制el-popover的显示与隐藏。可以通过给每一行的数据绑定一个属性来表示el-popover的显示状态。例如，可以给每一行的数据添加一个showPopover属性，初始值为false：

data() {
  return {
    tableData: [
      { name: 'John', age: 20, showPopover: false },
      { name: 'Jane', age: 25, showPopover: false },
      // ...
    ]
  };
},

在handleRowClick方法中，可以通过修改行数据的showPopover属性的值来控制el-popover的显示与隐藏。例如，可以将当前点击行的showPopover属性设置为true：

methods: {
  handleRowClick(event, row) {
    row.showPopover = true; // 显示el-popover
  }
}

在el-table中的每一行中添加el-popover组件，并使用Vue的数据绑定来控制其显示与隐藏。例如，可以根据行数据的showPopover属性来控制el-popover的visible属性：

<el-table :data="tableData" @row-click="handleRowClick">
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
  <el-table-column label="Popover">
    <template slot-scope="{ row }">
      <el-popover :visible="row.showPopover" trigger="click" placement="right">
        <!-- el-popover的内容 -->
      </el-popover>
      <el-button v-if="!row.showPopover">Show Popover</el-button>
    </template>
  </el-table-column>
</el-table>

这样，当点击某一行时，对应行的showPopover属性会被设置为true，从而显示el-popover；再次点击该行或点击其他行时，showPopover属性会被设置为false，从而隐藏el-popover