28 lines
722 B
Markdown
28 lines
722 B
Markdown
## 树形选择组件
|
||
示例地址：http://preview.d2-crud-plus.docmirror.cn/D2CrudPlusExample/index.html#/demo/form/area
|
||
### 1. 引入
|
||
```javascript
|
||
// 先引入d2-crud,d2-crud-plus
|
||
// 参考 https://github.com/greper/d2-crud-plus/blob/master/packages/d2-crud-plus-example/src/business/lib/index.js
|
||
// 然后引入树形组件
|
||
import { D2pTreeSelector } from 'd2p-extends'
|
||
Vue.use(D2pTreeSelector)
|
||
```
|
||
### 2. crud
|
||
```javascript
|
||
export const crudOptions = {
|
||
columns: [
|
||
{
|
||
title: '树形选择',
|
||
key: 'pcaTree',
|
||
type: 'tree-selector',
|
||
dict: {url:'xxx',isTree:true}
|
||
}
|
||
]
|
||
}
|
||
```
|
||
### 3. 效果
|
||
http://preview.d2-crud-plus.docmirror.cn/D2CrudPlusExample/index.html#/demo/form/area
|
||
|
||
|