Commit 0c96b2c

committed

doc: add single select example in drop tab

1 parent 35f91c6 commit 0c96b2cCopy full SHA for 0c96b2c

File tree

+20

-2

lines changed

+20

-2

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -73,7 +73,7 @@ export default defineComponent({`
`73`	`73`
`74`	`74`	`button {`
`75`	`75`	`cursor: pointer;`
`76`		`- width: 100px;`
	`76`	`+ min-width: 100px;`
`77`	`77`	`height: 38px;`
`78`	`78`	`margin-right: 30px;`
`79`	`79`	`margin-bottom: 10px;`

Lines changed: 19 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`<template>`
`2`		`- <div>`
	`2`	`+ <divstyle="padding: 10px;">`
`3`	`3`	`<div style="width: 200px">`
`4`	`4`	`<p>自定义展示 slot :</p>`
`5`	`5`	`<VTreeDrop`
`@@ -40,6 +40,22 @@`
`40`	`40`	`</VTreeDrop>`
`41`	`41`	`{{ value }}`
`42`	`42`	`</div>`
	`43`	`+ <div style="width: 200px">`
	`44`	`+ <p>单选:</p>`
	`45`	`+ <VTreeDrop`
	`46`	`+ v-model="value2"`
	`47`	`+ :data="data"`
	`48`	`+ selectable`
	`49`	`+ clearable`
	`50`	`+ drop-placeholder="请选择"`
	`51`	`+ :placement="placement"`
	`52`	`+ :dropdown-min-width="300"`
	`53`	`+ dropdown-width-fixed`
	`54`	`+ >`
	`55`	`+ <template #empty>slot 传进来的暂无数据</template>`
	`56`	`+ </VTreeDrop>`
	`57`	`+ 选中的值:{{ value2 }}`
	`58`	`+ </div>`
`43`	`59`	`</div>`
`44`	`60`	`</template>`
`45`	`61`
`@@ -72,13 +88,15 @@ export default defineComponent({`
`72`	`88`	`setup() {`
`73`	`89`	`const data = ref(genData().data)`
`74`	`90`	`const value = ref('2')`
	`91`	`+ const value2 = ref('2')`
`75`	`92`	`const placement = ref<PlacementType>('bottom-start')`
`76`	`93`	`function handleCheckedChange() {`
`77`	`94`	`console.log('checked-change')`
`78`	`95`	`}`
`79`	`96`	`return {`
`80`	`97`	`data,`
`81`	`98`	`value,`
	`99`	`+ value2,`
`82`	`100`	`placement,`
`83`	`101`	`handleCheckedChange`
`84`	`102`	`}`

Comments

(0)