我有一個使用Laravel 8和Vue 3的應用程式。 我有一個名為Student Component的元件，其中有一個datalist，列出了所有我的學生。 當我點擊這位學生時，我希望我的輸入框填充有關該特定學生的所有資訊。
我已經嘗試使用Vue select，但它只適用於Vue 2，不適用於Vue 3。 我嘗試了Vue-next-select，它應該適用於Vue 3，但當我安裝它時，在我的package.json的依賴項中出現，但當我在我的App.js中導入它時，它被下劃線標記，並顯示“模組未安裝”，我不知道為什麼。
所以我想找到Vue-next-select的解決方案，使其工作，或任何其他使其工作的解決方案。
這是我的程式碼：
//這是我的app.js 從“vue”導入{createApp，h}； 從'@inertiajs/inertia-vue3'導入{App作為InertiaApp，插件作為InertiaPlugin}； 從 '@inertiajs/progress' 導入 {InertiaProgress}； 從 'vue-router' 匯入 {createRouter, createWebHistory} 從“./Pages/Session”導入會話； 從“./Pages/Auth/Login”匯入登入名； 從“./Pages/Dashboard”導入儀表板； 從 'vue-next-select' 導入 VueNextSelect 需要('./bootstrap'); window.Vue = require('vue'); 常量路由 = [ { 小路： '/'， 名稱：'登入'， 組件：登入 }, { 路徑：'/儀表板'， 名稱：'會話'， 元件：會話， }, { 路徑：'/學生'， 姓名：'學生'， 組件：儀表板， }, ] 常數路由器 = createRouter({ 歷史記錄：createWebHistory(), 路線， }); 匯出預設路由器； const el = document.getElementById('app'); 讓應用程式=創建應用程式（{ 渲染：() => h(慣性應用程式, { 初始頁面：JSON.parse(el.dataset.page), 解析組件：（名稱）=> require(`./Pages/${name}`).default, }), }) .mixin({方法: {路由}}) .use(慣性插件) app.component('vue-select',VueNextSelect) 應用程式使用（路由器） 應用程式掛載(el); InertiaProgress.init({color: '#4B5563'});;
<這是pre class="brush:html;toolbar:false;">
如果需要，我可以提供更多的程式碼。 任何解決方案、建議或提示都會幫助我。 感謝您的寶貴時間。
我建議你用vue-multiselect
你可以在這裡找到官方文件#npm install vue-multiselect --savehttps://vue-multiselect.js.org/#sub-getting-started
為了在所有元件中使用任何元件作為全域元件
####app.component('multiselect',require('vue-multiselect').default)