VSelect - 選擇不適用於 Vuetify 3 中的自訂「項目」插槽-PHP中文網路問答
VSelect - 選擇不適用於 Vuetify 3 中的自訂「項目」插槽
P粉166779363
P粉166779363 2023-08-26 12:35:37
0
1
451

我正在我的 Vue 3 應用程式中使用 Vuetify 3 中的 VSelect,並且我正在嘗試使用項目槽。但我的 VSelect 選項變成不可選取

我有這個 VSelect 元素:

  

資料中的標籤與標籤:

tag: null, tags: [ { title: 'example1', value: 0 }, { title: 'example2', value: 1 }, ],

在輸出中,我選擇了有選項的選項,但選項不可選取:

那麼如何使用可選選項為 Vuetify 3 中的 VSelect 元件設定插槽「item」呢?

P粉166779363
P粉166779363

全部回覆 (1)
P粉786800174

傳遞給槽的props物件包含一個onClick回調,您需要綁定它才能使選擇工作:

文件目前有點稀疏,給的型別為Record 。在Vuetify 3.4 中,其他值是keytitlevalueref(來自底層的模板引用)VVritualScroll用於更新捲軸的高度。

使用帶有title屬性的元件時(例如VListItem),您可以綁定整個props物件:

(順便說一句,#item插槽已將其內容渲染到v-list中,無需再次包裝)

這是一個片段:

const { createApp, ref } = Vue; const { createVuetify } = Vuetify const vuetify = createVuetify() createApp({ setup(){ return { tag: ref(null), tags: [ { title: 'example1', value: 0 }, { title: 'example2', value: 1 }, ], } } }).use(vuetify).mount('#app')
  
Selected: {{tag}}
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!