el-table-column需要引入什么js
时间: 2023-10-24 12:13:45 浏览: 34
要使用 `el-table-column`,你需要先引入 Element UI 的 JavaScript 文件和样式文件。可以通过以下方式来引入:
```html
<!-- 引入样式文件 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入 JavaScript 文件 -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
```
这样,在 Vue 组件中就可以直接使用 `el-table` 和 `el-table-column` 了。例如:
```vue
<template>
<el-table :data="tableData">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 18 },
{ name: '李四', age: 20 }
]
}
}
}
</script>
```