el-table-column的元素怎么鼠标移去的时候展示格式化后的内容

在Element UI的el-table-column中，你可以通过自定义单元格模板并在`<template>`标签内添加事件监听器来实现在鼠标移除时显示格式化后的内容。首先，你需要设置列的`render`属性，它接受一个函数作为参数，这个函数会返回你要渲染的HTML内容。

下面是一个简单的示例：

<el-table-column
  prop="property"   <!-- 列的数据源属性名 -->
  label="Label"
  render={ (row, column, $index) => {
    // 当鼠标悬停时，显示格式化内容
    return `<span @mouseenter="formatContent(row)" v-html="${row.formattedContent}" @mouseleave="resetContent"></span>`;
  }}
>
</el-table-column>

<script>
export default {
  methods: {
    formatContent(row) {
      // 这里对row数据进行格式化处理，例如日期转换、数字格式化等
      row.formattedContent = this.formatYourData(row.data);
    },
    
    resetContent() {
      // 鼠标移开后，重置单元格内容为原始值
      row.formattedContent = row.data;
    },
    
    formatYourData(data) {  // 根据实际需求编写你的格式化函数
      // ... 对数据进行处理并返回格式化的字符串
    }
  }
}
</script>

在这个例子中，当鼠标悬浮在单元格上时，`formatContent`方法会被调用，将格式化过的内容设置给`v-html`，然后在鼠标离开时，`resetContent`方法会清除格式化，恢复原样。