如何在vuetify中显示标签文本而不是v-model值?

时间:2019-11-08 12:14:24

标签: vuetify.js v-select

我正在尝试创建一个下载下拉列表,其中我正在尝试下载pdf和excel。

问题是,当选择下载下拉列表时,将选择v-model值并将其添加到v-select文本字段中,而不是仅显示标签。我怎样才能做到这一点。一旦选择了值,我就尝试清除v模型并为它重新分配下载文本,我认为这样做不是理想的方法。还有其他可能的方法吗?

           <v-select
            :items="items"
            label="Download"
            v-model="selected"
            solo
            @input="downloadFiles"        
            dense
          ></v-select>

https://codepen.io/adatdeltax/pen/jOOKqoL?&editable=true&editors=101

1 个答案:

答案 0 :(得分:0)

有一个插槽selection,您可以在其中执行以下操作:

<v-select
    :items="items"
    label="Download"
    v-model="selected"
    solo
    @input="downloadFiles"        
    dense
>
    <template slot='selection'>
        <span>Download</span>
    </template>
</v-select>