帮我用elementjs写一个表格
用Element.js写一个表格可以通过以下步骤来实现:
1. 首先,创建一个新的Vue实例,在实例中引入ElementUI组件库。
```js
import Vue from 'vue'
import ElementUI from 'element-ui'
Vue.use(ElementUI)
new Vue({...}) // 创建新的Vue实例
```
2. 然后,在template中添加el-table标签,用来显示表格。并设置表头和数据源。如下所示:
```html
<template> // 添加el-table标签 <el-table :data="tableData"> // 设置数据源 <el-table-column // 表头 prop="name" label="Name" /> <el-table-column prop="age" label="Age" /> </el-table> </template> ```
3. 最后,在script中设置数据源data函数中的表格内容。如下所示:
```js data() { return { tableData: [ { name: 'John', age: 18 }, { name: 'Jack', age: 20 }, { name: 'Tom', age: 22 } ] } } ```
免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。