导入el-table-tree-column
时间: 2023-12-06 12:37:44 浏览: 107
要导入el-table-tree-column,需要先下载并安装element-tree-grid。具体步骤如下:
1. 在命令行中使用以下命令安装element-tree-grid:
```shell
npm install element-tree-grid --save
```
2. 在需要使用el-table-tree-column的文件中,先引入element-ui和element-tree-grid:
```javascript
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import ElTreeGrid from 'element-tree-grid'
```
3. 在Vue实例中注册el-table-tree-column组件:
```javascript
Vue.component(ElTreeGrid.name, ElTreeGrid)
```
4. 在el-table中使用el-table-tree-column:
```html
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-tree-column prop="address" label="Address"></el-table-tree-column>
<el-table-column prop="date" label="Date"></el-table-column>
</el-table>
```
注意:el-table-tree-column必须放在el-table-column之后。
阅读全文