Ich habe eine Anwendung, die Laravel 8 und Vue 3 verwendet. Ich habe eine Komponente namens Student Component, die eine Datenliste enthält, die alle meine Studenten auflistet. Wenn ich auf diesen Schüler klicke, möchte ich, dass mein Eingabefeld mit allen Informationen zu diesem bestimmten Schüler gefüllt wird.

Ich habe versucht, Vue Select zu verwenden, aber es funktioniert nur mit Vue 2, nicht mit Vue 3. Ich habe Vue-next-select ausprobiert und es sollte für Vue 3 funktionieren, aber wenn ich es installiere, erscheint es in den Abhängigkeiten meiner package.json, aber wenn ich es in meine App.js importiere, ist es unterstrichen und sagt „Modul nicht installiert“ und Ich weiß nicht warum.

Ich möchte also eine Lösung für Vue-next-select finden, damit es funktioniert, oder eine andere Lösung, damit es funktioniert.

这是我的代码：

// Erweitern Sie app.js importiere {createApp, h} aus 'vue'; import {App as InertiaApp, Plugin as InertiaPlugin} von '@inertiajs/inertia-vue3'; importiere {InertiaProgress} aus '@inertiajs/progress'; Importiere {createRouter, createWebHistory} aus 'vue-router' Sitzung aus „./Pages/Session“ importieren; Login importieren von „./Pages/Auth/Login“; Dashboard aus „./Pages/Dashboard“ importieren; VueNextSelect aus 'vue-next-select' importieren require('./bootstrap'); window.Vue = require('vue'); const Routen = [ { Weg: '/', Name: 'Anmelden', Komponente: Anmelden }, { Pfad: '/dashboard', Name: 'Sitzung', Komponente: Sitzung, }, { Pfad: '/student', Name: 'Student', Komponente: Dashboard, }, ] const router = createRouter({ Geschichte: createWebHistory(), Routen, }); Standardrouter exportieren; const el = document.getElementById('app'); let app = createApp({ rendern: () => h(InertiaApp, { initialPage: JSON.parse(el.dataset.page), auflösenKomponente: (name) => require(`./Pages/${name}`).default, }), }) .mixin({methods: {route}}) .use(InertiaPlugin) app.component('vue-select',VueNextSelect) app.use(Router) app.mount(el); InertiaProgress.init({color: '#4B5563'});

 
  搜索一个学员  
  
 
Schüler hinzufügen
 
 
  last name 
 
  name 
 
  E-Mail 
 
  company 
 
  vehicle 
 
  位置 
 
  --选择一个教练--  {{user.firstname}} {{user.lastname }}   
 
  --选择一个Acp中心--  {{ center.city }} {{ center.postal_code }}   
 
 

如果需要,我可以提供更多的代码. 任何解决方案、建议或提示都会帮助我. 感谢您的时间.