拆分 CRUD 文档
Former-commit-id: 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly afda7e86d003381e89192eb77b7d910c17f247db [formerly 87ab6577e57c5fb40e7fb05d3625b5267b509085]]]]] Former-commit-id: 8fcc29180fcac3a9cba291a1df22cdc27ec34563 Former-commit-id: cdf9288304e16582aece03599b69ac18b5d89db7 Former-commit-id: 3401e43a9f77898235ff6685c1499eb4e335f9a2 [formerly 7392681409ac9c22b37212bbd6896ffcf25bd049] Former-commit-id: 3c5687734a7cc58299983f9c7bd37cc620b76b37 Former-commit-id: fac2d3c92ede0d208576bc91bd231bd165e3ae9e Former-commit-id: 09915cbb35205822417403a1ca32cf7e20a27db5 Former-commit-id: 013e5d09572467fa21a5ce33e5b2fc6daeb00fff Former-commit-id: da0ec4f303afe242c06eef33069bfdd02334aa62
This commit is contained in:
@@ -216,6 +216,7 @@ function sideBarEcosystemD2Crud () {
|
|||||||
collapsable: false,
|
collapsable: false,
|
||||||
children: [
|
children: [
|
||||||
'',
|
'',
|
||||||
|
'guide',
|
||||||
'api',
|
'api',
|
||||||
'example'
|
'example'
|
||||||
]
|
]
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
6fe469a5ac6daa0d67d7bc12a163ed3e3ddd3660
|
fa1e85e2233599575112ce7f8027bea2989047ff
|
||||||
42
docs/zh/ecosystem-d2-crud/guide.md
Normal file
42
docs/zh/ecosystem-d2-crud/guide.md
Normal file
@@ -0,0 +1,42 @@
|
|||||||
|
# 使用指南
|
||||||
|
|
||||||
|
## 获取表格当前数据
|
||||||
|
|
||||||
|
可以通过 `ref` 拿到表格实时数据,也可以通过监听 `@d2-data-change` 事件来获取表格中数据
|
||||||
|
``` vue
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<d2-crud
|
||||||
|
ref="d2Crud"
|
||||||
|
:columns="columns"
|
||||||
|
:data="data"
|
||||||
|
@d2-data-change="handleD2DataChange"/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
columns: [],
|
||||||
|
data: []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted () {
|
||||||
|
console.log(this.$refs.d2Crud.d2Data) // 获取表格数据
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleD2DataChange (data) {
|
||||||
|
console.log(data)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
```
|
||||||
|
|
||||||
|
## 设置默认尺寸
|
||||||
|
|
||||||
|
在 `main.js` 使用 `D2Crud` 时传入 `size` 即可(可选值: `medium` `small` `mini`)
|
||||||
|
``` js
|
||||||
|
Vue.use(d2Crud, { size: 'small' })
|
||||||
|
```
|
||||||
Reference in New Issue
Block a user