提供参数指定展示名称

This commit is contained in:
aixianling
2022-03-03 13:43:32 +08:00
parent 8f5a5d1c38
commit 178879c329

View File

@@ -1,6 +1,6 @@
<template>
<section class="AiSelect">
<picker :range="options" range-key="label" @change="handleConfirm" :disabled="disabled" :mode="mode">
<picker :range="options" :range-key="labelName" @change="handleConfirm" :disabled="disabled" :mode="mode">
<div class="display" v-if="$slots.default">
<slot/>
</div>
@@ -25,12 +25,13 @@ export default {
list: {default: () => []},
mode: {default: "selector"},
dict: {default: ""},
disabled: Boolean
disabled: Boolean,
labelName: {default: "label"}
},
computed: {
selectedLabel() {
let label = this.options.find(e => e.value == this.value)?.label
return this.selected?.label || label
let str = this.options.find(e => e.value == this.value)?.[this.labelName]
return this.selected?.[this.labelName] || str
},
options() {
return this.dictKey ? this.$dict.getDict(this.dict).map(e => ({