Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 451512d

Browse files
Merge pull request #56 from wsfe/fix/55
fix: tree drop single select
2 parents 046cb90 + 0c96b2c commit 451512d

File tree

3 files changed

+22
-5
lines changed

3 files changed

+22
-5
lines changed

‎examples/App.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ export default defineComponent({
7373
7474
button {
7575
cursor: pointer;
76-
width: 100px;
76+
min-width: 100px;
7777
height: 38px;
7878
margin-right: 30px;
7979
margin-bottom: 10px;

‎examples/Drop.vue

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<div>
2+
<divstyle="padding: 10px;">
33
<div style="width: 200px">
44
<p>自定义展示 slot :</p>
55
<VTreeDrop
@@ -40,6 +40,22 @@
4040
</VTreeDrop>
4141
{{ value }}
4242
</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>
4359
</div>
4460
</template>
4561

@@ -72,13 +88,15 @@ export default defineComponent({
7288
setup() {
7389
const data = ref(genData().data)
7490
const value = ref('2')
91+
const value2 = ref('2')
7592
const placement = ref<PlacementType>('bottom-start')
7693
function handleCheckedChange() {
7794
console.log('checked-change')
7895
}
7996
return {
8097
data,
8198
value,
99+
value2,
82100
placement,
83101
handleCheckedChange
84102
}

‎src/components/TreeDrop.vue

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -385,12 +385,11 @@ export default defineComponent({
385385
node?: TreeNode,
386386
key?: TreeNodeKeyType
387387
): void {
388-
debugger
389388
slotProps.selectedNode = node
390389
slotProps.selectedKey = key
391390
392391
if (node) {
393-
const titleField = treeSearchRef.value.$refs.treeRef.value.titleField
392+
const titleField = treeSearchRef.value.$refs.treeRef.titleField
394393
selectedTitle.value = node[titleField]
395394
} else if (key) {
396395
selectedTitle.value = key as string
@@ -417,7 +416,7 @@ export default defineComponent({
417416
props.modelValue as TreeNodeKeyType
418417
)
419418
if (node) {
420-
const titleField = treeRef.value.titleField
419+
const titleField = treeRef.titleField
421420
selectedTitle.value = node[titleField]
422421
} else {
423422
selectedTitle.value = props.modelValue as any

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /