반응형

vue-router 49

변수 값을 수정하는 방법은 다음 번 방법 리디렉션 후 항상 null임

변수 값을 수정하는 방법은 다음 번 방법 리디렉션 후 항상 null임 나는 vue-cli 3 패키지를 사용해 본다. 그것은 vue 버전 2.6.10이다. 라우트를 보호하기 위해 Route 전에 라우터를 사용하고 처음 로그인할 때 벌금형이 부과되지만 쿠키를 삭제할 때 경로 가드는 api에 전달할 쿠키 값을 전혀 얻지 못하며 헤더 요청 시 항상 null로 표시된다. 아래 내 코드를 확인해줘. 나는 vuex를 시도하지만 운이 없다. import Vue from 'vue' import Router from 'vue-router' import Login from './views/login/route' import Dashboard from './views/dashboard/route' import axios fr..

Programing 2022.03.23

Vue 라우터에서 이러한 유형의 경로 이중화를 방지하는 방법

Vue 라우터에서 이러한 유형의 경로 이중화를 방지하는 방법 그래서, 우리가 보통 이렇게 하는 것처럼, 라우팅에 대해서. const routes = [ { path: '/store', component: Dashboard }, { path: '/store/products', component: ProductsView }, { path: '/store/products/add', component: ProductsAddView }, ] 여기 내가 길을 쓰고 있다./store언제나이 오솔길의 시작을 한 번이라도 쓸 수 있는 방법은 없을까? 라우터에게 말해주고 싶어, 만약 네가 찾으면/products or /products/add다음에/store그런 다음 이러한 견해를 제시하십시오.모든 경로를 기록하지 않을 때..

Programing 2022.03.22

경로 접두사가 없는 Vue 중첩된 동적 경로

경로 접두사가 없는 Vue 중첩된 동적 경로 로케일 매개 변수를 설정했다(예:/en. 내 목표는 다음과 같은 경로별로 중첩된 범주 조회를 달성하는 것이다. 자리 표시자:/:locale/:category/:subcategory/:process 실제의 예:/en/business/tax/1c7e7b66-ec6c-4431-9e84-87f2f2ace369 문제는 내가 하위 카테고리 경로에 접속하려고 할 때 라우터가 카테고리 구성요소를 표시한다는 것이다. 아래 라우터 파일을 참조하십시오. 라우터/main.js export default new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/:locale', props: tru..

Programing 2022.03.22

Vue 라우터와 클래식 Symfony 앱 라우팅 혼합

Vue 라우터와 클래식 Symfony 앱 라우팅 혼합 나는 트위그를 사용한 전통적인 Symfony 애플리케이션을 완전한 VueJS 앱으로 전환하는 작업을 하고 있다. VueJS는 이미 일부 페이지에서 symfony 라우팅을 사용하여 작업하고 있다. 나는 이제 뷰 라우터를 사용하여 여러 구성 요소 사이를 이동해야 한다. Vue Router 문서를 따라갔더니 완벽하게 작동하는데 라우터 링크를 클릭하면 경로에 연결된 구성 요소 템플릿의 내용이 표시되지만 비 Vue 페이지 컨텐츠는 Vue에서 생성되지 않아 그대로 유지된다. 그래서 나는 이전의 Symfony 라우팅을 Vue 라우터와 혼합하여 VueJS 콘텐츠와 비 VueJS 콘텐츠를 번갈아 사용하려고 한다. 확인 조건을 추가하려고 하는데router-view비었다..

Programing 2022.03.22

Vue 라우터에서 대상 구성 요소를 동적으로 설정하는 방법

Vue 라우터에서 대상 구성 요소를 동적으로 설정하는 방법 나는 vue-roouter 경로의 대상 구성요소를 동적으로 설정하려고 한다. 그 이유는 타겟에 맞는 구성요소를 알기 위해 서버에서 데이터를 검색해야 하기 때문이다. 내가 생각한 한 가지 해결책은 다음과 유사한 글로벌 가드를 추가하는 것이었다. router.beforeEach((to, from, next) => { get_data_from_server(to.fullPath).then(() => { // set the "to" component, but how? next(); }) 그러나, 코멘트가 말했듯이, "구성요소"를 어떻게 설정할 것인가? - "to" 객체에는 구성 요소 속성이 없다.(구성 요소.default.render에 있는 것처럼 보이지..

Programing 2022.03.22

Vue.js에서 사용자 지정 링크 구성 요소를 생성하는 방법

Vue.js에서 사용자 지정 링크 구성 요소를 생성하는 방법 이것은 당신의 일상적인 마스터/디테일 사용 사례처럼 보이지만, Vue 문서의 예는 이에 대한 예에 미치지 못한다.메일 폴더 페이지(경로)가 있음/:mailbox_id날짜, 제목 등을 기준으로 전자 메일 테이블을 표시하는 중첩된 경로()./:message_id사용자가 행을 클릭할 때 전자 메일의 텍스트를 표시하는 것. Ember가 JavaScript onClick 기능을 만들어서 라우팅을 처리하고 HTML 요소를 렌더링할 수 있게 해주면 어떤 물체든 자식 경로에 전달하면 되기 때문에 Ember에서 이것을 할 수 있었다. 하지만 나는 Vue.js에 처음 와보는 사람이고, 문서들을 훑어보았지만 어떻게 같은 일을 해낼 수 있을지는 찾을 수 없다.사용자..

Programing 2022.03.21

페이지 라우터용 vue-properner

페이지 라우터용 vue-properner 나는 부에 스피너를 사용하고 코드와 박스에 대한 프로젝트가 있다. 메인 페이지는 홈이다.다른 구성 요소에 대한 링크가 있는 vue: Home Hello World Big Img main.js: import Vue from "vue"; import App from "./App"; import router from "./router"; Vue.config.productionTip = false; /* eslint-disable no-new */ new Vue({ el: "#app", router, components: { App }, template: "" }); router.beforeEach((to, from, next) => { //loading = true; ..

Programing 2022.03.20

새 쿼리를 vue-roouter로 푸시할 때 탐색 중복됨

새 쿼리를 vue-roouter로 푸시할 때 탐색 중복됨 다음 명령으로 라우터에 쿼리를 푸시함 this.$router.push({ query: { queryKey: ["a", "b", "c"] } }); 요소를 클릭할 때마다 새로운 값이 배열로 이동하므로, 첫 번째 쿼리는 "a", "a", "b", 그리고 ["a", "b", "c"이다.그리고 거기서부터 문제가 생기기 시작한다.첫 번째와 두 번째 쿼리는 괜찮지만 두 번째 쿼리와 다르지만 세 번째 쿼리는 vue 라우터에 의해 중복된 것으로 간주된다. 어떻게 이 문제를 해결할 수 있을까?그것은 제 실수였어요.나는 내가 이것을 할당한 변수를 조작하고 있었다.$175.12.key.그래서 내 변수에 밀어붙이는 것 말고도 나는 이것으로부터 원래의 배열을 변형시키고 ..

Programing 2022.03.19

라우터에서 매개 변수를 사용하는 동안 오류 발생.푸시 함수 vue-property 4

라우터에서 매개 변수를 사용하는 동안 오류 발생.푸시 함수 vue-property 4 안녕 얘들아 난 vue js 처음이야 그리고 나는 특정 라우터에 paraminers를 전달하려고 노력하고 있어 내가 카드 리서치를 클릭했을 때 그리고 그것은 actions-log라고 불리는 연구 세부사항 구성요소로 리디렉션되지만 내가 이 라우터를 통해 호출할 때 이런 일이 일어나야 한다. this.$router.push({ name: "actions-log", params: { Id: "3" } }) 그것은 나에게 콘솔에 다음과 같은 오류를 준다. 검색되지 않은(약속 중) 오류: {"name":"3","params":{}} 그러니 그 실수에 대해 누구라도 나를 도와줄 수 있겠니...사용할 수 있다path const ro..

Programing 2022.03.17

매개 변수를 사용하는 vue-properties가 netlify에서 배포를 실행할 수 없음

매개 변수를 사용하는 vue-properties가 netlify에서 배포를 실행할 수 없음 홈뷰 Home 검정1.vue TEst page {{symbol}} export default new Router({ mode: 'history', routes: [ { path: '/test/:id', component: Test1 }, { path: '/home', component: Home }, ] }) [netlifylink/test/1] 웹사이트를 통해 전화를 할 수 없다."Page Not Founded(페이지는 찾을 수 없음) 이 사이트에 없는 URL을 입력하거나 끊어진 링크를 따라간 것 같다"는 내용이다. 그래도 localhost:8080/test/1에 액세스할 수 있음 나는 localhost:8080..

Programing 2022.03.16
반응형