用element ui写一个菜单表格

好的，以下是一个简单的使用 Element UI 的菜单表格示例：

<template>
  <div>
    <el-table :data="menuList">
      <el-table-column prop="name" label="菜单名称"></el-table-column>
      <el-table-column prop="url" label="链接"></el-table-column>
      <el-table-column prop="icon" label="图标">
        <template slot-scope="{ row }">
          <i :class="row.icon"></i>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      menuList: [
        { name: '首页', url: '/', icon: 'el-icon-s-home' },
        { name: '产品', url: '/products', icon: 'el-icon-box' },
        { name: '关于我们', url: '/about', icon: 'el-icon-info' },
        { name: '联系我们', url: '/contact', icon: 'el-icon-phone' }
      ]
    }
  }
}
</script>

上面的代码中，使用 `el-table` 组件来渲染表格，并通过 `:data` 属性绑定数据源 `menuList`，然后使用 `el-table-column` 组件来定义表格的列，通过 `prop` 属性指定对应的数据字段，使用 `label` 属性指定列的标题。

在第三列中，我们使用了 `slot-scope` 属性来自定义列的内容，通过 `row` 参数获取当前行的数据，然后使用 `i` 标签来渲染图标，通过 `:class` 属性绑定数据中的 `icon` 字段来显示对应的图标。

需要注意的是，上面的示例代码需要先安装和引入 Element UI 的相关模块，例如：

npm install element-ui --save

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)