c10106

Vue에서 구성 요소 로드를 중지하고 리디렉션하는 방법 로그인하지 않은 사용자가 액세스할 수 없는 구성 요소가 있다.나는 이 논리를 에 적용했다.beforeCreate훅. 문제는 이렇게 해서 부품이 계속 로딩되는 것을 막을 수 없다는 것이다. 내가 원했던 것이다. 이건 내 암호야 내가 뭘 잘못하고 있는 거지?foreCreate 기능을라우터자체로 이동해야 한다.여기 내 Auth catch router.beforeEach( (to, from, next) => { if (to.matched.some(record => record.meta.requiresAuth)) { // if route requires auth and user isn't authenticated if (!store.state.Authenti..

Chrome Extension에서 VueRouter 및 Vue.js 사용 - 경로 세그먼트 관련 문제 나는 Vue.js와 함께 크롬 확장을 개발한다.내가 라우팅을 사용하고 싶을 때 부품을 맞출 때까지 잘 작동한다. localhost:8080/가 있는 로컬 개발 서버에서 다음 라우팅 설정을 사용할 때 문제가 되지 않음: main.js. import Vue from "vue"; import VueRouter from "vue-router"; import App from "./App.vue"; import OptionComponent from "./OptionComponent.vue"; const routes = [ { path: '/', component: App }, { path: '/option', co..

DOM 변경 전에 Vue-roouter로 경로를 변경할 때 화재 발생? 나는 Vue에게 꽤 생소해, 이것이 아주 바보 같은 질문이 아니기를 바란다 :) 그beforeDestroyDOM 구조가 변경된 후에 발사된다. 나는 사용해 보았다.beforeUpdate그리고updated하지만 DOM이 바뀌기 전에 발포되는 것은 없는 것 같다. 온라인 복제: https://jsfiddle.net/p2c3b10t/18/(콘솔 확인)Vue 라우터로 라우팅을 처리할 때는 라이프사이클 후크에 의존하지 말고 내비게이션 가드를 사용하십시오.이러한 경비원은 항로 항로 항법 프로세스에 연결되며 전역, 항로당 또는 구성요소에 포함될 수 있다. 이 특별한 경우에, 우리는 그 사람을 찾고 있다.beforeRouteLeave부대 내 경비 ..

Vue 라우터 - 경로 간에 쿼리 매개 변수를 전달하는 방법 다음과 같은 시나리오가 있는데... 사용자가 경로를 방문할 때/intended/page, 그들은 다른 경로로 리디렉션된다, 라고 말한다./foo/page?next=/intended/page. 쿼리 매개 변수를 추가함next=/intended/page원래 경로를 지키려고리디렉션 경로에서 사용자는 일련의 다른 페이지/구성 요소를 거치게 된다./bar/page그때/baz/page내가 그들을 원래 경로로 데려가고 싶은 마지막 부분에서.문제는 바·바즈 노선 옆을 어떻게 통과하느냐다.나는 내가 Vuex에 쿼리 파라미터를 저장할 수 있다고 생각하지만 vue 라우터를 사용하는 더 간단한 방법이 있을 수 있다.글로벌 가드로 해 봤는데 router.beforeE..

Vue UI를 사용하는 동안 Vue 라우터를 구현하는 방법 나는 Vue UI를 사용하고 있고 Vue 라우팅을 구현하려고 하는데 뭔가 잘못됐어.나는 Start라고 불리는 것과 Club이라고 불리는 두 가지 요소를 가지고 있다.어떤 이유로 나는 Vue UI gui에서 이러한 모듈을 찾을 수 없다는 두 가지 오류를 얻는다.그러나, 그것들은 현재 src > 컴포넌트 > 에 앉아 있다. 나는 문서와 자습서를 훑어보았는데, 그 중 몇몇은 구문이 약간 다르지만, 어떤 것이든 그것을 작동시킬 수 없다.어떤 도움이라도 환영한다. 현재 mount main.js는 다음과 같다. import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vu..

rollBehavior는 Nuxt의 전체 페이지에 영향을 미친다. 나는 핸드폰처럼 nuxt로 웹사이트를 만들려고 노력했다. 그래서 나는 이 코드를 사용했다. scrollBehavior: function(to, from, savedPosition) { if (to.path === '/' || to.path === '/explore') { savedPosition = false } }, nnxt.config.js로 그러나 발생 스크롤 위치(예: 스크롤 위치 = a 페이지 100) 및 B 페이지로 이동할 때 예상되지 않는 위치(예: 100 페이지 a 페이지)와 같은 위치 = 100 페이지 및 이와 같은 위치(예: 원하지 않는 사항) 사용자가 한 페이지로 스크롤하여 100 페이지 위치로 이동할 때(예: 앱의 다..

부에루터:TypeError: 이것._불쌍한init는 함수가 아님 Laravel 프로젝트 내에 Vue-router를 설치한 후 다음을 사용해 보십시오. import VueRouter from 'vue-router' Vue.use(VueRouter) 그리고 난 이걸 이해한다: [Vue warn]: Error in beforeCreate hook: "TypeError: this._router.init is not a function" 흥미롭게도, 이전에는 모든 것이 괜찮았지만, 갑자기 이 메시지를 받기 시작했다.대체하다vue와 함께vue-loader웹 팩 구성 https://github.com/vuejs/vue-loader/issues/409에서 갱신하다 좋아, 분명히 당신은 독특한 방법으로 라우터를 초기화하..

Vue 애플리케이션: 바닥글이 내 두 가지 오류와 경고를 렌더링하고 주지 않음 나는 작업 추적기 애플리케이션을 만들었던 VUE 3를 수정하고 시도하고 있다.문제는 내가 바닥글을 추가하려고 할 때, 그것은 작동하지 않고 다음과 같은 문제를 내게 준다는 것이다. 또한 필자가 푸터를 추가하기 전에 부에루터를 추가하려고 했다는 것도 언급할 만한 가치가 있다.그래서 나는 부에루터 설정과 파일을 제거했지만 여전히 동일한 오류와 경고를 제거 Error : Uncaught (in promise) RangeError: Maximum call stack size exceeded Warning : runtime-core.esm-bundler.js?5c40:6568 [Vue warn]: Unhandled error durin..

동적 하위 경로를 사용하여 vue 라우터를 정의하는 방법 나는 이런 것을 시도하고 있다. { path: "/portfolio", component: () => import("../common/components/Layout/Layout/Profile/ProfileLayout"), meta: { requiresAuth: false }, children: [ { path: "/:username", component: () => import(/*webpackChunkName: "profile"*/ "../modules/Profile/Profile"), }, ], }, 하지만 어린이 통로가 없는 노선이 완벽하게 작동하는 동안 코드 조각은 작동하지 않는다. { path: "/profile/:userName", c..

라우터 링크-활성화된 vue-router는 홈페이지 경로의 모든 해시 링크를 활성화함 나는 접속 경로를 제외하고 홈페이지의 한 섹션으로 스크롤하는 이 네비게이션이 있다. 내 연락처 페이지가 같은 경로에 있지 않기 때문에 나는 접속에서 홈페이지의 어떤 섹션으로 갈 수 있도록 스크롤 동작을 사용해야 했다(다른 방법으로 링크가 작동하지 않음). 그래서 지금 그 일을 하고 나니 또 다른 문제가 생겼다.라우터 링크 액티브 클래스는 홈페이지에 있는 해시 속성으로 모든 루트를 활성화한다. 어떻게 하면 우회할 수 있을까, 나는 이 수업을 없애고 클릭으로 사용자 지정 활성 클래스를 만들려고 했지만 여전히 작동하지 않는다. Home About Courses News Business incubator Team Contact..