mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-30 12:52:43 +08:00
Merge pull request #448 from amadeus711/docs-fix-tree-demo
docs(tree): fix tree demo
This commit is contained in:
commit
d76cabb8c3
@ -12,7 +12,7 @@ Fortunately, the tree is now alive and it's not balanced.
|
|||||||
```
|
```
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import { defineComponent } from 'vue'
|
import { defineComponent, ref } from 'vue'
|
||||||
|
|
||||||
function createData (level = 4, baseKey = '') {
|
function createData (level = 4, baseKey = '') {
|
||||||
if (!level) return undefined
|
if (!level) return undefined
|
||||||
@ -37,7 +37,7 @@ export default defineComponent({
|
|||||||
setup () {
|
setup () {
|
||||||
return {
|
return {
|
||||||
data: createData(),
|
data: createData(),
|
||||||
defaultExpandedKeys: ['40', '41']
|
defaultExpandedKeys: ref(['40', '41'])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -13,7 +13,7 @@ Set `cascade` to use cascade check.
|
|||||||
```
|
```
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import { defineComponent } from 'vue'
|
import { defineComponent, ref } from 'vue'
|
||||||
|
|
||||||
function createData (level = 4, baseKey = '') {
|
function createData (level = 4, baseKey = '') {
|
||||||
if (!level) return undefined
|
if (!level) return undefined
|
||||||
@ -38,7 +38,7 @@ export default defineComponent({
|
|||||||
setup () {
|
setup () {
|
||||||
return {
|
return {
|
||||||
data: createData(),
|
data: createData(),
|
||||||
defaultExpandedKeys: ['40', '41']
|
defaultExpandedKeys: ref(['40', '41'])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -10,7 +10,7 @@ Tree accept `pattern` and `filter` to do searching.
|
|||||||
```
|
```
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import { defineComponent } from 'vue'
|
import { defineComponent, ref } from 'vue'
|
||||||
|
|
||||||
function createData (level = 4, baseKey = '') {
|
function createData (level = 4, baseKey = '') {
|
||||||
if (!level) return undefined
|
if (!level) return undefined
|
||||||
@ -35,7 +35,7 @@ export default defineComponent({
|
|||||||
setup () {
|
setup () {
|
||||||
return {
|
return {
|
||||||
data: createData(),
|
data: createData(),
|
||||||
pattern: ''
|
pattern: ref('')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -9,7 +9,7 @@ Set `multiple` to select multiple nodes.
|
|||||||
```
|
```
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import { defineComponent } from 'vue'
|
import { defineComponent, ref } from 'vue'
|
||||||
|
|
||||||
function createData (level = 4, baseKey = '') {
|
function createData (level = 4, baseKey = '') {
|
||||||
if (!level) return undefined
|
if (!level) return undefined
|
||||||
@ -34,7 +34,7 @@ export default defineComponent({
|
|||||||
setup () {
|
setup () {
|
||||||
return {
|
return {
|
||||||
data: createData(),
|
data: createData(),
|
||||||
value: []
|
value: ref([])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -12,7 +12,7 @@ Add some actions.
|
|||||||
```
|
```
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import { h, defineComponent } from 'vue'
|
import { h, defineComponent, ref } from 'vue'
|
||||||
import { NButton } from 'naive-ui'
|
import { NButton } from 'naive-ui'
|
||||||
|
|
||||||
function createData (level = 4, baseKey = '') {
|
function createData (level = 4, baseKey = '') {
|
||||||
@ -47,7 +47,7 @@ export default defineComponent({
|
|||||||
setup () {
|
setup () {
|
||||||
return {
|
return {
|
||||||
data: createData(),
|
data: createData(),
|
||||||
defaultExpandedKeys: ['40', '41']
|
defaultExpandedKeys: ref(['40', '41'])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -12,7 +12,7 @@
|
|||||||
```
|
```
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import { defineComponent } from 'vue'
|
import { defineComponent, ref } from 'vue'
|
||||||
|
|
||||||
function createData (level = 4, baseKey = '') {
|
function createData (level = 4, baseKey = '') {
|
||||||
if (!level) return undefined
|
if (!level) return undefined
|
||||||
@ -37,7 +37,7 @@ export default defineComponent({
|
|||||||
setup () {
|
setup () {
|
||||||
return {
|
return {
|
||||||
data: createData(),
|
data: createData(),
|
||||||
defaultExpandedKeys: ['40', '41']
|
defaultExpandedKeys: ref(['40', '41'])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -13,7 +13,7 @@
|
|||||||
```
|
```
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import { defineComponent } from 'vue'
|
import { defineComponent, ref } from 'vue'
|
||||||
|
|
||||||
function createData (level = 4, baseKey = '') {
|
function createData (level = 4, baseKey = '') {
|
||||||
if (!level) return undefined
|
if (!level) return undefined
|
||||||
@ -38,7 +38,7 @@ export default defineComponent({
|
|||||||
setup () {
|
setup () {
|
||||||
return {
|
return {
|
||||||
data: createData(),
|
data: createData(),
|
||||||
defaultExpandedKeys: ['40', '41']
|
defaultExpandedKeys: ref(['40', '41'])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -10,7 +10,7 @@
|
|||||||
```
|
```
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import { defineComponent } from 'vue'
|
import { defineComponent, ref } from 'vue'
|
||||||
|
|
||||||
function createData (level = 4, baseKey = '') {
|
function createData (level = 4, baseKey = '') {
|
||||||
if (!level) return undefined
|
if (!level) return undefined
|
||||||
@ -34,7 +34,7 @@ export default defineComponent({
|
|||||||
setup () {
|
setup () {
|
||||||
return {
|
return {
|
||||||
data: createData(),
|
data: createData(),
|
||||||
pattern: ''
|
pattern: ref('')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
```
|
```
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import { defineComponent } from 'vue'
|
import { defineComponent, ref } from 'vue'
|
||||||
|
|
||||||
function createData (level = 4, baseKey = '') {
|
function createData (level = 4, baseKey = '') {
|
||||||
if (!level) return undefined
|
if (!level) return undefined
|
||||||
@ -34,7 +34,7 @@ export default defineComponent({
|
|||||||
setup () {
|
setup () {
|
||||||
return {
|
return {
|
||||||
data: createData(),
|
data: createData(),
|
||||||
value: []
|
value: ref([])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -12,7 +12,7 @@
|
|||||||
```
|
```
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import { h, defineComponent } from 'vue'
|
import { h, defineComponent, ref } from 'vue'
|
||||||
import { NButton } from 'naive-ui'
|
import { NButton } from 'naive-ui'
|
||||||
|
|
||||||
function createData (level = 4, baseKey = '') {
|
function createData (level = 4, baseKey = '') {
|
||||||
@ -47,7 +47,7 @@ export default defineComponent({
|
|||||||
setup () {
|
setup () {
|
||||||
return {
|
return {
|
||||||
data: createData(),
|
data: createData(),
|
||||||
defaultExpandedKeys: ['40', '41']
|
defaultExpandedKeys: ref(['40', '41'])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
Loading…
Reference in New Issue
Block a user