Vue3 v-选择项目显示(Vuetify)

问题描述 投票:0回答:1
frontend vuejs3 vuetify.js v-select
1个回答
0
投票

答案包含在文档中:

项目槽用于更改项目在列表中的呈现方式。它提供了

item
,一个包含转换后的 item-title 和 item-value 的 InternalItem 对象;
props
,一个包含通常绑定到列表项的道具和事件的对象。

您缺少维护每个项目的选择功能的

props
对象。将其添加到您的 v 槽并将其绑定到您的 Icon 元素。

<template v-slot:item="{ props, item }">
  <Icon v-bind="props" :icon="item.raw.code"/>&nbsp; {{ item.raw.name }}
</template>
© www.soinside.com 2019 - 2024. All rights reserved.