cyworld

vue js에서 특정 구성 요소로 리디렉션하는 방법 아래와 같이 라우터 링크를 사용하지 않고 페이지 새로 고침 없이 URL 내에서 리디렉션하고 싶다. foo 다음과 같은 경로를 인쇄하고 싶다. اتصل بنا 내 경로: const routes = [ { path: '/aboutus/', component: AboutUs } ] 이것을 사용해 보십시오. this.$router.push('about') 너는 이것에 대한 해결책이 필요할지도 모른다. 이 솔루션으로는url어느 쪽이든 :) 설정하다html자료에 의하면 data: () => { return { html: null } } 당신의 컨텐츠를 얻으십시오.html모든 요청을 사용하여 파일링하고 에 할당html에data단면도어떤 라이프사이클 훅에서도 이것을 ..

어떻게 하면 iframes를 백그라운드에서 살려둘 수 있을까? 나는 iframes가 2개인 간단한 Vue.js 앱을 가지고 있다. Vue Router를 사용하여 두 iframes 간에 전환하고 싶지만 iframes를 백그라운드에서 "alive" 상태로 유지하여 매번 iframe을 다시 로드할 필요가 없도록 하고 싶다. 왜 다음의 바이올린들이 작동하지 않는지 아십니까?(뒤로 전환할 때마다 iframes를 다시 로드하도록 설정) http://jsfiddle.net/c3umtepz/1/ /youtube.com /adobe.com 여기서 keep-alive는 작동하지 않는다. 해결책은v-show오직 옳다 keep-alive 원칙은 노드 정보를 VNode(메모리)의 구성요소에 보관하고 렌더링이 필요할 때 VNod..

Vue-Router를 사용하여 경로 접두사 패턴 사용자 지정 나는 Vue-Router를 사용하여 새 프로젝트의 URL을 패턴화하여 기존(비 Vue) 응용 프로그램의 URL과 똑같이 보이도록 하려고 한다.기존 응용 프로그램 URL의 모양: /#!page1 /#!page2 현재 내 Vue 라우터는 다음과 같이 표시됨: const router = new VueRouter({ routes: [ { path: '/', redirect: '/page1' }, { path: '/page1', component: Assessments }, { path: '/page2', component: Assessments } ] }) 그러나 물론 이렇게 생긴 URL은 다음과 같다. /#/page1 /#/page2 라우터를 복제하..

페이지 로드를 계속 허용하는 Vue 라우터 가드 방법 쿠키에 토큰이 저장되지 않은 상태에서 사용자가 페이지를 입력하지 못하도록 하기 위해 다음과 같은 보안 검색대를 사용하고 있다.그러나 사용자가 페이지를 충분히 입력할 수 있지만 구성요소가 로드되지 않으면 빈 페이지일 뿐이다. 이런 일이 일어나지 않게 하려면 라우터 파일에 또 무엇을 추가해야 할까? 여기 나의 경계 상수가 있다. const guard = function(to, from, next) { const token = Cookies.get('token') if(typeof token === 'undefined' || token === null ){ this.$store.dispatch('logout') window.location.href = "/..

"슬롯" 구성 요소가 표시되지 않음 다음 구성 요소를 사용하여 동적 구성 요소를 구축하려고 함slot그러기 위해서, 나는 이것을 가지고 있다.layout: LAYOUT NOT CONNECTED 이 있는 곳에는. 나는 이 구성 요소를 가지고 있다.login: bla bla 내 앱은: const default_layout = 'layout-not-connected' export default { computed: { layout() { console.log(this.$route.meta.layout || default_layout) return (this.$route.meta.layout || default_layout) } }, ... 그리고 내 경로로는 다음과 같다. { path: '/login', na..

store.js 디스패치 기능에서 작동하지 않는 Vue-router 리디렉션 내 store.js 파일 메소드에서 vue-router를 사용하여 로그인을 수행한 후 사용자를 리디렉션하려고 하지만 어떤 이유로든 이전 페이지로 다시 보내기만 하면 된다.만약 내가 나의 .vue 페이지에 vue-router를 사용한다면 그것은 잘 작동한다. 내가 뭘 잘못하고 있는 거지? 여기 내 경로야.js 파일 import Vue from 'vue' import VueRouter from 'vue-router' import login from '@/views/login' import page2 from '@/views/page2 ' Vue.use(VueRouter) export default new VueRouter({ rou..

vue js에서 소품으로 기능 전달 부모 앱에서 editTo도 소품 기능으로 전달하려고 해.하위 구성 요소...토도아이템.vue 구성 요소에는 newToDo 및 dateTime 필드의 주 사용자 입력으로 반환되는 항목 및 시간 목록이 있다.사실, 나는 Vue js의 새로운 학습자야. 거기에는 패스 소품 b/w 컴포넌트 커뮤니케이션에 대한 약간의 지식이 있어. import TodoInput from "./components/TodoInput.vue"; import TodoItem from "./components/TodoItem.vue"; export default { name: "App", components: { TodoInput, TodoItem, }, data() { return { editing:..

vue 하위 구성 요소에서 RouteEnter가 작동하지 않음 나는 내 구성 요소에서 이전 경로가 무엇인지 탐지하려고 노력한다.나는 사용한다beforeRouteEnter그것을 찾기 위해서.CreditAdd에서 작동한다.하지만 내가 사용할 때는beforeRouteEnter뒤쪽에잘 안 되네! Back 컴포넌트가 아이라서 그런 것 같아. 그런데 문제를 풀 수가 없어. Back.vue: 크레딧애드.vue: افزایش اعتبار beforeRouteEnter그리고 다른 네비게이션 가드는 라우터에 링크가 정의된 뷰 파일에서만 작동해야 하며로 돌아가그래서.효과가 없는 것 같다. 플레인 javascript를 사용하여 Back에서 이전 URL을 얻을 수 있다.부에를 하다 mounted() { console.log(d..

Vuejs : 오류:현재 위치로 중복 탐색 방지: 노선의 중복에 문제가 있다.vuejs. 나는 a를 가지고 있다.Vuejs계속 변경할 수 있지만 변경 시 계속 변경할 수 있는 쿼리(this.$router.replace({query: newQuery})), 이 오류: **Uncaught (in promise) Error: Avoided redundant navigation to current location:** 오류 스크린샷현재 노선을 실제와 같은 경로로 바꾸려고 하기 때문에 이런 일이 일어나는 것이다. 현재 위치에 대한 재조정은 피해야 하지만 피하지 않기로 결정하면 약속을 잡아야 브라우저에서 예외 사항을 처리할 수 있다. 라우터 동작은 약속이며, 당신은 그것을 포착하기만 하면 된다. this.$rout..

다시 로드한 후 vue-temp가 잘못된 매개 변수를 설정함 있습니다 // routes.js { path: '/posts', name: 'Posts', component: PostsView }, { path: '/post/:post_id', name: 'PostRead', component: PostReadView, }, { path: '/post/cu/:post_id?', name: 'PostCreateUpdate', component: PostCreateUpdateView, }, // PostCreateUpdate.vue mounted: function() { if( this.$route.params.post_id ) { this.$store.dispatch('getPost', this.$route...