javascript - vue 단일 파일 구성 요소에서 라우터를 얻는 방법

{코드...} 라우터를 구하고 프로그래밍 방식 탐색을 구현하려면 어떻게 해야 합니까?

阿神 2017-07-05 10:48:49 0  3  914

vue 라우터의 beforeEnter에 구성 요소 반환

내 라우터에 다음 경로가 있습니다. {path:'/Page',comComponent:async()=>{constisUserLogged=awaitgetUser()conststore=useStore()if(userLogged&&store.value1){returnimport('./pages/PublicPage/ PublicPage .vue')}else{returni

P粉787806024 2024-01-10 17:51:45 0  1  396

javascript - vue의 라우터와 구성 요소 간의 차이점과 적용 가능한 시나리오를 나에게 설명할 수 있는 사람이 있습니까?

단일 파일 구성 요소를 작성했는데, vue 형식에서는 라우터를 통해 여러 구성 요소를 추가할 수 있지만, vue 파일이 여러 개 있는 경우에는 하나만 추가할 수 있는 것 같습니다. 페이지를 함께 모아서 완전한 페이지를 만들 수 있나요?<템플릿&g...

黄舟 2017-05-19 10:25:26 0  2  502

"페이지를 새로 고치거나 링크를 클릭한 후에는 vue 라우터의 마지막 경로가 렌더링되지 않습니다."

메뉴 링크를 클릭하면 마지막 vue-router 구성 요소가 정상적으로 로드되지만 링크를 공유하거나 페이지를 새로 고치면 구성 요소가 렌더링되지 않습니다. 마지막 경로에서만 발생하기 때문에 문제가 무엇인지 모르겠습니다. 링크는 다음과 같습니다: https://www.hvarboating.com/speed-boat-hire-hvar-flyer747 내 라우터: importVuefrom'vue'importVueRouterfrom'vue-router'

P粉277824378 2023-08-26 10:27:45 0  1  575

javascript - Vue Router의 특정 페이지에서 브라우저 롤백을 방지하는 방법은 무엇입니까?

vue 단일 페이지 애플리케이션 a>b>c를 작성했습니다. 로그인에 성공하면 d 페이지가 표시됩니다. d 페이지에서 브라우저 뒤로 버튼을 유효하지 않게 만들고 싶습니다. 이를 사용하여 일부 전역 후크를 확인하려면 어떻게 해야 합니까? 라우팅. 현재 라우터 해시 모드를 사용하고 있습니다.

给我你的怀抱 2017-06-30 09:57:27 0  3  1447

반응 레이아웃 VS 라우터

React에서 구성요소를 표시하거나 라우팅하는 것에 대해 질문이 있습니다. 헤더, 왼쪽 메뉴, 콘텐츠 섹션으로 홈페이지 레이아웃을 설정했습니다. 기본 콘텐츠 섹션만 변경하면 되는 페이지를 만드는 것이 아이디어입니다. 이것이 좋은 접근 방식인지, 이 작업을 수행하기 위해 라우터를 사용해야 하는지 아니면 후크만 사용해야 하는지 궁금합니다. 제가 하고 있는 작업에서는 useState 후크를 사용하여 표시할 구성 요소를 설정하고 있으며 라우터는 필요하지 않지만 이것이 올바른 접근 방식인지 궁금합니다. 메뉴를 클릭하세요: setContent...

P粉387108772 2023-09-11 13:01:22 0  1  581

router.push가 작동하지 않습니다.

'vue'에서 Vue 가져오기 './App'에서 앱 가져오기 './router'에서 VueRouter 가져오기 Vue.config.productionTip = false VueRouter.push('/goods') / eslint-disable no-new /new Vue({ 엘: '#app', 라우터: VueRout...

高洛峰 2017-06-26 10:53:18 0  3  746

Vue.js 라우터의 경로에 URL 쿼리 추가: 단계별 가이드

다음은 Component.vue 템플릿에서 라우팅을 사용하는 방법입니다. <router-link:to="{name:'club'}"><lazy-imagesrc="club.jpg"class="club_class"alt="Clubalt" / ></router-link>라우터에서 작동하는 방식입니다.

P粉076987386 2024-02-03 17:16:52 0  1  425

javascript - vue 라우터에서 다른 구성요소의 $data를 얻는 방법

vue devtool의 구조는 다음과 같습니다. {code...} app.vue는 어떻게 (vuex 없이) comment.vue의 데이터를 얻습니까?(이름은 comment로 설정됨) {code...} {code...}

怪我咯 2017-06-12 09:23:12 0  2  734

알 수 없는 변수를 동적으로 가져오기: Vue3-vue-router4의 ../views/Admin/Home.vue

Vue3-Vuerouter4-Vite를 사용하여 vuerouter에서 구성 요소와 경로를 가져오려고 하는데 다음 오류가 발생합니다(경로에 하위 항목이 있는 경로에만 해당). 내 라우터 코드: import{createRouter,createWebHistory} from "vue-router ";importpathsfrom" ./path";import{TokenService}from&quo

P粉376738875 2023-11-23 16:04:29 0  1  1014

javascript - 반응 라우터 다중 계층 중첩으로 인터페이스를 새로 고칠 수 없습니다

dva를 사용하여 생성된 프로젝트의 경우 라우터의 다중 레이어 중첩이 시작된 후 /myacount/security 경로에서 브라우저를 새로 고치면 콘텐츠가 없습니다. 이유가 무엇인지 물어보세요.

过去多啦不再A梦 2017-07-05 11:08:52 0  1  956

css - vue에서 로컬로 참조되는 스타일이 어떻게 글로벌화됩니까?

1. vue에서 참조된 로컬 스타일이 어떻게 다른 페이지에도 적용될 수 있나요? 라우터는 페이지 전환 후 변경된 페이지의 스타일을 로드합니다.

代言 2017-07-06 10:35:40 0  4  1791

javascript - vue-cli가 빌드된 후 새 페이지를 추가하는 방법

방금 vue-cli의 구조를 구축했는데 이 페이지가 게시되었습니다. 계속해서 여러 구성요소를 추가하려면 어떻게 편집해야 하나요? 라우터에 대해 잘 알지 못합니다.

黄舟 2017-05-16 13:43:56 0  2  551

vue 라우터는 구성 요소를 새로 고치지 않고 해시로 스크롤합니다.

저는 Vue3과 vue-router4를 사용하고 있습니다. <router-link:to="{hash:'#l1'}">Section-1</router-link><router-link:to="{hash:'# l2' 구성 요소에 해시 링크가 있는 경우 }">섹션-2</router-link>...<섹티

P粉322319601 2024-03-26 09:37:39 0  1  511

NextJS의 애플리케이션 라우터에 있는 페이지/_app.js의 대안은 무엇입니까?

방금 NextJS를 사용하기 시작했는데 Application Router라는 새로운 라우터가 있습니다. 이제 NextJS 페이지 라우터의 페이지/_app.js를 사용하는 몇 가지 튜토리얼이 있습니다. 그렇다면 애플리케이션 라우터에서 해당 파일은 무엇일까요?

P粉277824378 2023-11-11 09:38:14 0  1  960

라우터 - nginx+apache 구성에 대해 문의

도움을 요청하는 초보자: 일반적인 nginx + 역방향 프록시 Apache 서버를 구축하고 싶습니다. 현재 구성은 다음과 같습니다. 서버는 인트라넷 nginx 수신 포트 80 및 Apache 수신 포트 81에 있습니다. 라우터는 nginx 포트를 수행했습니다. 8080->80 매핑. Apache 포트 매핑이 수행되지 않았습니다. 1. 대부분과 같은 방법입니다.

黄舟 2017-05-16 17:04:01 0  1  553

nginx - 라우터의 포트 매핑 기능을 통해 인트라넷에 액세스하는 방법

공용망의 고정 IP(220.174.XX.XX) 아래에는 여러 개의 서버가 있으며, 이들 서버는 라우터를 통해 네트워크에 연결되며, 그 중 하나의 IP(192.168.0.220)가 인트라넷 WEB 서버로 사용됩니다. nginx. 이 서버에는 현재 인터넷에 2개의 웹사이트가 있는데, 라우터에는 이 두 웹사이트가 이렇게 설정되어 있습니다.

巴扎黑 2017-05-16 17:08:59 0  2  1198

Vitest의 Mock Vue RouterView/RouterLink(통합 API)

제목대로라면 이게 가능할까요? 사용자를 다음 페이지로 리디렉션하는 헤더와 버튼이 포함된 Vue 애플리케이션의 간단한 구성 요소를 테스트하려고 합니다. 버튼을 클릭하면 이벤트/메시지가 라우터로 전송되는지 테스트하고 대상 경로가 올바른지 확인하고 싶습니다. 애플리케이션의 구조는 다음과 같습니다: App.Vue-entry component<scriptsetuplang="ts">import{RouterView}from"vue-r

P粉478188786 2024-03-27 09:49:56 0  1  528

Vue 3 SSR 애플리케이션의 라우터에 vuex store를 통합하는 방법은 무엇입니까?

SSR, Vue-Cli, Vuex 및 Typescript를 사용하는 Vue3 프로젝트가 있습니다. 라우팅 페이지에서 VuexStore에 데이터를 제출해야 합니다. .vue 파일에서 간단히 this.$store를 사용할 수 있습니다. 이는 vuex.d.ts에 다음과 같이 유형 정의되어 있습니다. this.$store.commit("setFoo","Bar"). vue 인스턴스(경로

P粉883223328 2023-08-25 10:09:45 0  2  580

Vue 인증

Vue를 사용하여 이 작은 앱을 만들고 있는데 인증이 작동하지 않습니다. 정확하게 말하면 리디렉션이 작동하지 않고 true 로그와 인증된 로그가 모두 표시되지만 홈 페이지(/)로 리디렉션되지 않습니다. 하지만 앱을 열면 즉시 /login으로 이동합니다. 이는 괜찮습니다. 저도 그렇게 하고 싶지만 로그인하려고 할 때 말했듯이 리디렉션되지 않습니다. 이것은 내 로그인 구성 요소와 라우터입니다. 가져오기{createRouter,createWebHistory}fro

P粉765684602 2023-08-18 10:33:04 0  1  595