c10106

Vue 라우터 - 경로가 여러 번 연결됨 나는 Vue Router와 관련된 문제에 직면해 있고, 나는 무엇이 이것을 야기하는지 전혀 모른다... 내 애플리케이션이 로드되면 페이지 경로를 두 번 삽입한다. 예: 경로에 액세스할 경우http://localhost:8080/painel다음 경로가 브라우저에 표시된다.http://localhost:8080/painel/painel 페이지를 새로 고치면 다음과 같이 경로가 한 번 더 추가된다.http://localhost:8080/painel/painel/painel 내 파일: /src/main.js import Vue from 'vue' import localforage from 'localforage' import Notifications from 'vue-n..

동일한 구성 요소의 메서드 내에서 VueJS 수명 주기 후크 호출 나는 VueJS를 사용한다.mounted보기를 작성하는 데이터를 가져오려면 "일반" 구성요소를 연결하십시오.그 컨테이너가 파괴되면, 나는beforeDestroy그리고destroyed수명 주기 후크를 사용하여 구성 요소를 "정리"하십시오. 이 세 개의 갈고리는 경로가 같은 경로로 변경되었을 때 호출되는 것이 아니라 매개 변수가 서로 다르다.이 문제를 해결하는 방법은 다음과 같다.$route에 있어서의 변화.watch다음과 같다: watch: { '$route' (to, from) { this.id = to.params.id this.getPageData() } } 그러나 로직을 복사하는 대신mounted,beforeDestroy그리고dest..

vue-roouter에서 각 처리기를 설정하는 방법 나는 다음과 같은 대본을 가지고 있다. import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Router({ scrollBehavior (to, from, savedPosition) { // purposely left blank }, routes: [ { path: "/", component: SampleComponent } ] } A를 추가하고 싶다.afterEach라우터 링크를 사용할 때 열려 있는 메뉴를 닫을 수 있도록 라우터에 대한 핸들러. 나는 그것을 건설업자에 추가하려고 했지만 그것은 건설업자의 주장이 아니다. 나는 또한 다음과 같이 시도..

클릭 시 중첩된 JSON-Data 탐색 상황 필터링하고 재정렬하고 싶은 복잡한 JSON 데이터가 있어.내 데이터는 깊이 중첩된 프로젝트 모음입니다.각 프로젝트에는task_lists , , , 포함이 되어 있다.tasks. 그래서 나의 JSON-tree의 구조는 대략 다음과 같다: 프로젝트 → task_lists → tasks → tasks. 이루고 싶은 결과 나의 목표는 각 프로젝트마다 카드 그리드를 보는 것이다.프로젝트 카드의 버튼을 클릭하면 보기를 변경하고 선택한 프로젝트의 작업 목록과 뒤로 버튼을 표시하고자 한다.업무 목록을 클릭하면 보기를 변경하여 선택한 업무 목록의 업무와 뒤로 버튼을 표시하고자 한다.작업을 클릭하면 카드의 상세 뷰와 백버튼을 보여주고 싶다. 코드 샘플 JSON은 매우 크고 가독..

vs 코드를 사용하여 Vuejs 애플리케이션 실행 나는 asp.net core on vs code로 VueJs가 개발한 기존 프로젝트를 실행하려고 한다.비주얼 스튜디오(IIS Express)로 실행하면 애플리케이션이 제대로 작동한다.그러나 이 cmd를 사용하여 vs 코드로 실행하려고 하면:npm run serve, 그것은 작동하지 않고 나는 다음과 같은 오류를 얻었다. 앱/구조물의 repo: ClienApp 폴더에는 프런트엔드를 위한 모든 폴더/파일이 있다(app.vue는 구성 요소 폴더 아래에 있음), 아래 화면: 너의 도움에 미리 고마워!참조URL: https://stackoverflow.com/questions/70840019/run-a-vuejs-application-using-vs-code

Vuejs - 클릭 시 v-for 루프 방법 나는 Vue를 배우고 있고 내가 직접 과제를 완성하려고 노력하고 있다. @click에서 v-for loop을 실행하는 방법을 알아보고 싶다. 그러면 초기 상태에서는 "city" 템플릿만 나타나고 클릭할 때마다 투어 템플릿이 관련 투어와 함께 렌더링된다. let EventBus = new Vue(); Vue.component('cities', { name: 'Listings', props: ['city','tour'], template: ` `, data() { return { cities: [ {id:1, name: 'Istanbul'}, {id:2, name: 'Paris'}, {id:3, name: 'Barça'}, {id:4, name: 'Rome'}, ..

VueRouter 인스턴스에서 경로 개체에 액세스하는 중 나는 현재 노선의 쿼리 매개변수로 작동할 작은 서비스를 만들고 있다. 불행하게도, 부에로터는 아무것도 없는 것 같다.route매개 변수 때문에 서비스에 필요한 정보에 액세스할 수 없음. import router from "../router"; class QueryParametersService { constructor() { this.router = router; } getAll() { // Unfortunately, `route` does not exist there // but for you, to get the idea, I want to achieve something like this return this.router.route.query..

잘못된 URL 매개 변수를 사용하여 404 페이지로 리디렉션하는 방법 나는 사용자 ID로 사용자 페이지를 탐색하기 위해 vue-roouter를 사용한다.그리고 라우터.js는 다음과 같이 보인다. export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/user/:id', name: 'user', component: () => import(/* webpackChunkName: "user" */ './views/User.vue'), props: true }, { path: '/404', name: '404', component: () => import('./views/404.vue'), }, ] })..

페이지 다시 로드에서 매개 변수가 작동하지 않는 vue-properties 경로 나는 내 프로젝트에 부에로터를 사용하고 있다. 나는 내가 명명된 경로로 완벽하게 항해할 수 있다.나의 유일한 문제는 매개 변수를 예상하는 명명된 경로를 사용할 때 페이지를 새로 고칠 때 로드되지 않는다는 것이다. 내가 갈 길은 여기야. '/example/:username': { name: 'example-profile', title: 'Example Profile', component: ExampleComponent } 이게 내가 사용하는 방법이야vue-router route: Example Link 선택 시Example Link알겠다mydomain.com/example/raaaaf. 처음 로드할 때는 올바른 템플릿을 렌더링..