diff --git a/docs/en-US/component/select-v2.md b/docs/en-US/component/select-v2.md index 383520029a..4b842151c8 100644 --- a/docs/en-US/component/select-v2.md +++ b/docs/en-US/component/select-v2.md @@ -209,6 +209,16 @@ select-v2/empty-values ::: +## Custom Label ^(2.7.4) + +You can customize label. + +:::demo + +select-v2/custom-label + +::: + ## API ### Attributes @@ -290,6 +300,7 @@ select-v2/empty-values | prefix | prefix content of input | | tag ^(2.5.0) | content as Select tag | | loading ^(2.5.2) | content as Select loading | +| label ^(2.7.4) | content as Select label | ### Exposes diff --git a/docs/en-US/component/select.md b/docs/en-US/component/select.md index f4c413e766..7554c714d5 100644 --- a/docs/en-US/component/select.md +++ b/docs/en-US/component/select.md @@ -177,6 +177,16 @@ select/empty-values ::: +## Custom Label ^(2.7.4) + +You can customize label. + +:::demo + +select/custom-label + +::: + ## Select API ### Select Attributes @@ -254,6 +264,7 @@ select/empty-values | empty | content when there is no options | — | | tag ^(2.5.0) | content as Select tag | — | | loading ^(2.5.2) | content as Select loading | — | +| label ^(2.7.4) | content as Select label | — | ### Select Exposes diff --git a/docs/examples/select-v2/custom-label.vue b/docs/examples/select-v2/custom-label.vue new file mode 100644 index 0000000000..9aa3ab83c5 --- /dev/null +++ b/docs/examples/select-v2/custom-label.vue @@ -0,0 +1,44 @@ + + + + + diff --git a/docs/examples/select/custom-label.vue b/docs/examples/select/custom-label.vue new file mode 100644 index 0000000000..ed367c3afb --- /dev/null +++ b/docs/examples/select/custom-label.vue @@ -0,0 +1,71 @@ + + + + + diff --git a/packages/components/select-v2/src/select.vue b/packages/components/select-v2/src/select.vue index 9d025b69d2..079a5fb8a2 100644 --- a/packages/components/select-v2/src/select.vue +++ b/packages/components/select-v2/src/select.vue @@ -68,7 +68,13 @@ @close="deleteTag($event, item)" > - {{ getLabel(item) }} + + {{ getLabel(item) }} + @@ -116,7 +122,13 @@ @close="deleteTag($event, selected)" > - {{ getLabel(selected) }} + + {{ getLabel(selected) }} + @@ -182,7 +194,15 @@ ), ]" > - {{ currentPlaceholder }} + + {{ currentPlaceholder }} + + {{ currentPlaceholder }}
diff --git a/packages/components/select/src/select.vue b/packages/components/select/src/select.vue index c3f4cfcad8..6313ef2608 100644 --- a/packages/components/select/src/select.vue +++ b/packages/components/select/src/select.vue @@ -68,7 +68,13 @@ @close="deleteTag($event, item)" > - {{ item.currentLabel }} + + {{ item.currentLabel }} +
@@ -116,7 +122,13 @@ @close="deleteTag($event, item)" > - {{ item.currentLabel }} + + {{ item.currentLabel }} + @@ -182,7 +194,15 @@ ), ]" > - {{ currentPlaceholder }} + + {{ currentPlaceholder }} + + {{ currentPlaceholder }}