반응형

vue-router 38

Vue: 소품이 설정되지 않은 경우 볼 수 있는 액세스 금지

Vue: 소품이 설정되지 않은 경우 볼 수 있는 액세스 금지 나는 Vue에서 '설정'과 '놀이'라는 두 가지 관점을 가진 게임을 개발하고 있다.전자에 설정한 파라미터는 후자에 소품으로 통과되고 게임은 그 파라미터로 시작된다. 그러나 사용자가 직접 액세스하는 것을 중지하는 것은 없다..../#/play필요한 소품 설정을 우회하는 것.나는 합리적인 채무 불이행을 설정함으로써 이 문제를 해결한다. props: { prop: { default: 'sensible default' }, // ... }, ... 하지만 사용자가 이 뷰를 통해 액세스하지 못한 경우 해당 뷰에 대한 액세스를 어떻게 제한할지 궁금함.../#/setup알고 있다.required: true내비게이션 가드도 있지만, 이 경우 둘 중 하나를 어..

IT이야기 2022.04.07

VueJS는 라우터를 통해 매개 변수를 전달함()

VueJS는 라우터를 통해 매개 변수를 전달함() /login에 있을 때 라우터에 마지막 라우트를 전달하여 원하는 라우트에 로그인할 때 사용자를 리디렉션하고 싶다. 사용자가 다음으로 이동/payment다음으로 리디렉션/login그리고 인증이 정상일 때 사용자를 다음으로 리디렉션하고 싶다.payement 여기 내 라우터.js : import ... Vue.use(Router) let router = new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/', name: 'home', component: Home }, { path: '/login', name: 'login', component: Login }, { path:..

IT이야기 2022.04.06

일부 제품의 경우 PDP 페이지가 404로 리디렉션됨

일부 제품의 경우 PDP 페이지가 404로 리디렉션됨 나는 Vue Storefront에서 이 문제를 해결하기 위해 약간의 도움이 필요하다. PDP(Product Detail Page)로 이동하여 페이지를 새로 고친 후 많은 제품에 대해 페이지를 '페이지 없음'으로 리디렉션한다.페이지 미발견으로 리디렉션되는 제품은 항상 동일하며 모든 제품이 페이지 미발견으로 리디렉션되는 것은 아니다.라우터 링크를 사용하여 PDP로 이동하는 것은 경로가 하드코딩된 경우에도 가능하지만, PDP를 사용하는 동안 직접 이동하거나 페이지를 새로 고치는 것은 작동하지 않는다.나는 또한 문제를 분리해 보았는데, Product.js mixin 파일만 코어에 포함시키고 PDP에서 다른 모든 코드를 제거해도 여전히 리디렉션이 발생한다는 것..

IT이야기 2022.04.06

라우터.go()가 Vue 라우터에서 작동하지 않는 이유

라우터.go()가 Vue 라우터에서 작동하지 않는 이유 vue-roouter를 사용하여 구성 요소 확인 사용자 로그인 상태가 있는데, 라우터를 사용하여 로그인 페이지 URL로 리디렉션하려면 어떻게 해야 하는가? 구성 요소에서 내 코드: 그렇지만router.go효과가 없다.그 것을 기억하라.router.go기록 스택에서 앞으로 또는 뒤로 이동할 스텝 수를 나타내는 단일 정수 매개변수를 사용한다.그러니 길을 내주려면router.push('your_url'). 자세한 내용은 다음을 참조하십시오.부에루터오, 쓰세요.router.push('/login')잘 될 수 있다참조URL: https://stackoverflow.com/questions/41065223/why-the-router-go-does-not-wor..

IT이야기 2022.04.03

경로에 VueJS 라우터를 사용하여 매개 변수가 있는 경우 다른 구성 요소를 로드하는 방법

경로에 VueJS 라우터를 사용하여 매개 변수가 있는 경우 다른 구성 요소를 로드하는 방법 경로에 소품이 포함되어 있다면 다른 VueJS 구성품을 적재할 수 있는 적절한 방법을 찾고 있다. 예를 들어, 만약 내가 에 간다면 /users 사용자 목록 페이지를 가져오고 다음 페이지로 이동하려면 /users/1 나는 사용자 프로필 페이지로 갈 것이다. 어렸을 때 매개 변수를 사용하여 다른 경로를 추가하려고 했지만 도움이 되지 않는 것 같다. { path: "users", name: "users", component: UsersList, children: [ { path: "users/:userId", name: "User Profile", component: UserProfile, }, ] }, 다음과 같은 ..

IT이야기 2022.04.03

Firebase Analytics에 의해 추적되지 않는 Vue 라우터 경로

Firebase Analytics에 의해 추적되지 않는 Vue 라우터 경로 내가 Firebase의 DebugView에 있을 때는 Firebase의 DebugView를 추적하지 않기 때문에, Vue 앱(및 SPA의 경우 일반적으로)에 대한 Firebase Analytics를 설정할 때 페이지 변경을 추적할 때 놓칠 수 있는 구성이 있는지 알고 싶다.page_views 페이지를 새로 고치거나 브라우저에 수동으로 URL을 입력하지 않는 한.일반 Google Analytics 모듈에 대해 알고 있다(vue-analytics( ) 초기화 시 라우터 개체를 전달해야 작동 가능하므로(더 자세한 내용은) Firebase Analytics와 유사한 작업을 수행해야 한다는 것이 이해가 되지만, 문서에 대한 내용은 찾을 수..

IT이야기 2022.04.02

클라이언트 없이 vuejs2 및 vue-router가 작동하도록 할 수 없음

클라이언트 없이 vuejs2 및 vue-router가 작동하도록 할 수 없음 내 페이지에 vuejs와 vue 라우터를 포함하며,app.js라우터 및 vue를 초기화하지만 라우팅이 작동하지 않는 경우, 내부에서 정의된 링크가 foo 이것은 코드의 단순화된 버전이다. foo bar tar 나의app.js이 vue-properties 페이지 또는 이 예에서 복사/복사된 경우: // 0. If using a module system (e.g. via vue-cli), import Vue and VueRouter and then call `Vue.use(VueRouter)`. // 1. Define route components. // These can be imported from other files cons..

IT이야기 2022.04.02

Vuex + vue-roouter에서 중앙 집중화된 상태로 분리된 구성 요소

Vuex + vue-roouter에서 중앙 집중화된 상태로 분리된 구성 요소 공유 상태의 문제는 서로 다른 구성 요소에서 작용과 돌연변이를 재사용하기 어렵다는 것이다. 우리가 구성 요소를 가지고 있다고 상상해 봅시다.Votes이 구성요소는 사용자가 항목에 대해 투표할 수 있도록 허용한다. const Votes = { template: ` {{ item.votes }} + `, methods: { upvote: function() { this.$store.dispatch('upvote', this.item.id) } }, props: ['item'] } 따라서 사용자가 클릭할 때+, 액션upvote파견이다. 그러나 이 구성요소를 두 개의 보기에서 재사용하는 방법, 모든 항목을 나열하는 목록 및 항목에 대한..

IT이야기 2022.04.01

Vue.js 경로 변경 모달 열기

Vue.js 경로 변경 모달 열기 현재 나의vue-router구성은 다음과 같다. export default new Router({ routes: [ { path: '/', name: 'home', component: Home, }, { path: '/settings', name: 'settings', component: Settings, } ], }); 이제, 나는 새로운 길을 정의하고 싶다./some-modal-path모달이라고 하는 모달로 항해할 때ModalComponent는 현재 구성 요소 위에 오버레이로 열린다. 이 일을 할 수 있을까?vue-router만약 그렇다면, 어떻게 할 수 있을까?빠른 솔루션 놓다각 구성 요소별로 export default new Router({ routes: [ { ..

IT이야기 2022.04.01

nuxt 라우터 모듈의 router.js 파일에서 Vuex 저장소에 액세스하는 방법?

nuxt 라우터 모듈의 router.js 파일에서 Vuex 저장소에 액세스하는 방법? 나는 사용하고 있다 이 작업을 수행하려면router.js전역 라우팅 구성을 추가할 수 있는 파일 그 파일에서 스토어에 액세스하려면 어떻게 해야 하는가? Nuxt가 Vue 외부 구성 요소에서 제공하는 루트 컨텍스트를 통해 스토어에 액세스할 수 있다. // router.js import Router from 'vue-router' export function createRouter(ssrContext, createDefaultRouter, routerOptions) { const options = routerOptions ? routerOptions : createDefaultRouter(ssrContext).options..

IT이야기 2022.04.01
반응형