我正在我的 Vue 3 應用程式中使用 Vuetify 3 中的 VSelect,並且我正在嘗試使用項目槽。但我的 VSelect 選項變成不可選取
我有這個 VSelect 元素:
資料中的標籤與標籤:
tag: null, tags: [ { title: 'example1', value: 0 }, { title: 'example2', value: 1 }, ],
在輸出中,我選擇了有選項的選項,但選項不可選取:
那麼如何使用可選選項為 Vuetify 3 中的 VSelect 元件設定插槽「item」呢?
傳遞給槽的
props
物件包含一個onClick
回調,您需要綁定它才能使選擇工作:文件目前有點稀疏,給的型別為
Record
。在Vuetify 3.4 中,其他值是key
、title
、value
和ref
(來自底層的模板引用)VVritualScroll用於更新捲軸的高度。使用帶有
title
屬性的元件時(例如VListItem),您可以綁定整個props
物件:(順便說一句,
#item
插槽已將其內容渲染到v-list
中,無需再次包裝)這是一個片段: