el-table某一列嵌套使用el-popover,使用click触发

在Element UI中，如果你想在`el-table`的某一列内嵌套使用`el-popover`，并且通过点击某个按钮或单元格内容来触发弹出层，你可以这样做：

首先，在HTML结构上，给需要展示popover的内容添加一个`v-if`条件，并关联一个自定义事件，比如`@mouseenter`或`@click`：

<template>
  <el-table-column label="标题">
    <template slot-scope="scope">
      <!-- 普通文字 -->
      <span>{{ scope.row.content }}</span>

      <!-- 添加一个带有点击事件的按钮 -->
      <el-button v-if="showPopover" @click="togglePopover(scope.$index, scope.row)">查看详情</el-button>

      <!-- 使用el-popover -->
      <el-popover
        placement="bottom"
        :width="200"
        trigger="click"
        :visible.sync="showPopover"
      >
        <p>这里是详细信息...</p>
      </el-popover>
    </template>
  </el-table-column>
</template>

<script>
export default {
  data() {
    return {
      showPopover: false,
    };
  },
  methods: {
    togglePopover(index, row) {
      this.showPopover = !this.showPopover; // 控制popover的显示隐藏
    },
  },
};
</script>

在这个例子中，当你点击“查看详情”按钮或鼠标悬停在包含popover的文字上时，`togglePopover`方法会被调用，改变`showPopover`的状态，从而控制`el-popover`的显示。