uniapp 中table 表格实现内容超过多使用...显示，鼠标或手指移上去通过弹框显示

在Uniapp中，可以使用`u-popup`组件来实现内容超过多的表格的弹框显示。具体实现步骤如下：

1. 在表格中需要弹框显示的单元格上添加一个`span`标签，并设置一个类名，例如`show-popup`。

2. 在`show-popup`类名对应的样式中，设置`text-overflow: ellipsis`和`overflow: hidden`，使得单元格内容超过时显示省略号。

3. 使用`u-popup`组件来实现弹框，将`u-popup`组件放置在表格的外部，通过设置`v-model`来控制弹框的显示与隐藏。

4. 在`show-popup`类名对应的`span`标签中，添加`@click`事件，在事件处理函数中设置弹框的内容。

下面是一个简单的示例代码：

<template>
  <view>
    <u-table :data="tableData">
      <u-table-column title="姓名" field="name"></u-table-column>
      <u-table-column title="年龄" field="age"></u-table-column>
      <u-table-column title="地址" field="address">
        <template slot-scope="{ row }">
          <span class="show-popup" @click="showPopup(row)">{{ row.address }}</span>
        </template>
      </u-table-column>
    </u-table>
    <u-popup v-model="popupVisible">
      <view>{{ popupContent }}</view>
    </u-popup>
  </view>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20, address: '北京市海淀区' },
        { name: '李四', age: 25, address: '上海市浦东新区' },
        { name: '王五', age: 30, address: '深圳市南山区' },
      ],
      popupVisible: false,
      popupContent: '',
    };
  },
  methods: {
    showPopup(row) {
      this.popupContent = row.address;
      this.popupVisible = true;
    },
  },
};
</script>

<style>
.show-popup {
  display: inline-block;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
</style>

在上面的示例中，我们使用`u-table`组件来展示表格数据，并在表格的地址列中使用`u-popup`组件来实现弹框显示。当用户点击表格中的地址单元格时，会触发`showPopup`方法，该方法将弹框的内容设置为当前行的地址，并将`popupVisible`设置为`true`，从而显示弹框。在弹框显示时，用户可以通过点击弹框外部或弹框上的关闭按钮来关闭弹框。