Laravel 8과 Vue 3을 사용하는 애플리케이션이 있습니다. 모든 학생을 나열하는 데이터 목록이 있는 Student Component라는 구성 요소가 있습니다. 이 학생을 클릭하면 입력 상자가 해당 특정 학생에 대한 모든 정보로 채워지기를 원합니다.

Vue select를 사용해 보았지만 Vue 3에서는 작동하지 않고 Vue 2에서만 작동합니다. Vue-next-select를 시도했는데 Vue 3에서 작동해야 하지만 설치하면 package.json의 종속성에 표시되지만 App.js로 가져오면 밑줄이 그어지고 "모듈이 설치되지 않았습니다"라고 표시됩니다. 이유를 모르겠습니다.

그래서 Vue-next-select가 작동하도록 하는 솔루션이나 작동하도록 하는 다른 솔루션을 찾고 싶습니다.

这是나의 대표자:

// 这是我的app.js 'vue'에서 {createApp, h}를 가져옵니다. '@inertiajs/inertia-vue3'에서 {InertiaApp으로 앱, InertiaPlugin으로 플러그인}을 가져옵니다. '@inertiajs/progress'에서 {InertiaProgress}를 가져옵니다. 'vue-router'에서 {createRouter, createWebHistory} 가져오기 "./Pages/Session"에서 세션을 가져옵니다. "./Pages/Auth/Login"에서 로그인을 가져옵니다. "./Pages/Dashboard"에서 대시보드를 가져옵니다. 'vue-next-select'에서 VueNextSelect 가져오기 require('./bootstrap'); window.Vue = require('vue'); const 경로 = [ { 길: '/', 이름: '로그인', 구성요소: 로그인 }, { 경로: '/대시보드', 이름: '세션', 구성요소: 세션, }, { 경로: '/학생', 이름: '학생', 구성요소: 대시보드, }, ] const 라우터 = createRouter({ 기록: createWebHistory(), 경로, }); 기본 라우터 내보내기; const el = document.getElementById('app'); 앱 = createApp({ 렌더링: () => h(관성앱, { 초기페이지: JSON.parse(el.dataset.page), ResolveComponent: (이름) => require(`./Pages/${name}`).default, }), }) .mixin({방법: {경로}}) .use(관성 플러그인) app.comComponent('vue-select',VueNextSelect) app.use(라우터) app.mount(el); InertiaProgress.init({color: '#4B5563'});

 
  搜索一个school员 
  
 
학생 추가
 
 
  성 
 
  이름 
 
  이메일 
 
  회사 
 
  차량 
 
  位置 
 
  <옵션 값="">--选择一个教练--  {{사용자.이름}} {{사용자.성 }}    
  --选择一个Acp중심--  {{ center.city }} {{ center.postal_code }}   
 
     
 
저희는 더 많은 회사를 추천합니다. 任何解决方案、建议或提示city会帮助我。 感谢您的时间.