prostudy

vue 2 라우터에 html "partial" 템플릿(js에 포함되지 않음)을 포함할 수 있는가? 내가 할 수 있다는 걸 알아 const Foo = { template: 'bar' } const routes = [ { path: '/foo', component: Foo } ] 그러나 나는 차라리 다음과 같은 html 파일을 포함하고 싶다. const routes = [ { path: '/foo', component: {template: require('foo.html')} } ] ...웹팩, 브라우저피 등을 사용하지 않고 (사물을 단순하게 유지하려고 한다.) 크리에이터 에반 유는 왜 그가 템플릿을 사용하고 싶지 않았는지 여기에 설명한다.URL https://vuejs.org/2015/10/28/why-n..

VueJS + VueRouter:조건부로 경로 비활성화 나는 VueRouter의 루트를 어떻게 조건부로 비활성화해야 더 이상 접속할 수 없는지 궁금하다! 로 방향을 바꾸려고 했다.this.$router.replace('/')URL에 내가 건너뛰고 싶은 경로가 나와있었어 생각나는 거 있어? 편집: 제 VUEX-Store 입니다.router.replace('/') const store = new Vuex.Store({ state: { users: [ ], friendships: [ ], userID: null }, mutations: { signUp(state, payload) { auth.createUserWithEmailAndPassword(payload.email, payload.password).th..

(Vue) 비동기/대기 모드를 사용한 RouteUpdate 전? let fetchData = async function() { return $.get("https://jsonplaceholder.typicode.com/todos/1"); } Vue.use(VueRouter); const cComponent = { data() { return { fetchedData: null } }, template: `{{$route.params.id+': '}}{{fetchedData}}`, async beforeRouteEnter(to, from, next) { let data = await fetchData(); next(vm => vm.fetchedData = data); }, async beforeRouteU..

부에루터: 경로 메타 안에서 경로 매개 변수 값을 얻을 수 있을까? 아이들이 변형한 경로 안에서 경로 매개체에 접근해야 해 그래서 다른 가치를 얻을 수 있어이 예에서는 파라에서 아이디를 얻고자 함수를 실행하고 이 아이디로 유저명을 얻어 메타 필드에서 사용하고 싶다.이것이 가능한가? path: '/user/:id', component: User, props: true, beforeEnter: requireAuth, children: [ { path: '', name: 'user', component: UserOverview, meta: { breadcrumb: [ {name: 'Users', params: {name: 'users'}}, {name: getUserName(id)} ] } }, {... 각 ..

해시/앵커가 있는 페이지에 대한 nuxt 링크 탐색 문제 웹 사이트 네비게이션에서 nuxt 링크를 사용하고 있으며, 대부분은 다음과 같이 홈페이지에서 해시드 요소/앵커를 가리킨다. 그리고 현재 홈 페이지에 있지만 다른 사이트(예: /about)로 이동할 때 nuxt 링크를 클릭할 때(그래서 /about에서 /#hash 또는 /any-other-site#hash로 이동하려고 함) "Nuxt 오류가 표시되어 "Null의 'offSetTop'을 읽을 수 없음"이라고 표시된 콘솔을 확인하십시오. nuxt.config의 내 라우터 구성(이 구성이 없으면 요소와 동일한 사이트에 있는 고정된 요소로 스크롤할 수도 없음!): router: { scrollBehavior(to) { if (to.hash) { return..

Laravel 인증과 Vue-router를 함께 사용하는 방법 나는 라라벨과 PHP는 일반적으로 처음 접하지만, Vue와 SPA는 잘 알고 있다.예를 들어, 나는 Bcrypt로 인증을 만드는 방법을 알고 있다.하지만 나는 라라벨을 이용해 달렸다.php artisan make:auth백엔드에 대해 여러 개의 다른 엔드포인트를 만드는 것. 나는 Vue를 사용하여 내 앱을 SPA로 변환하려고 했지만, Vue와의 라우팅을 사용하면 web.php에 정의된 루트에 문제가 발생한다.예를 들어, 나는 몇 가지 다른 경로를 가진 내 웹.php를 가지고 있다.

Vue 라우터 프로그래밍 방식 네비게이션이 작동하지 않음 부에루터를 사용하는 구성 요소의 프로그래밍 방식 내비게이션이 작동하지 않음로그인 성공 후 대시보드 페이지로 리디렉션하십시오.하지만 아무 일도 일어나지 않는다... 관련 코드 - 라우터: import Vue from 'vue' import Router from 'vue-router' import store from '../store' import Login from '@/components/Login' import Dashboard from '@/components/Dashboard' Vue.use(Router) export default new Router({ mode: 'history', routes: [ { path: '/login', name..

vue 라우팅: 올바른 라우팅/프로토콜이 있는 동일한 페이지의 목록-프로토콜 보기 항목 목록과 항목 세부사항을 같은 페이지에 표시하려고 해.목록에서 항목을 클릭하면 해당 항목이 상세 보기에 표시되고 URL이 /items/item_id로 변경되어야 한다. 지금은 이렇게 하고 있지만, 물론 URL은 바뀌지 않는다. 로 URL을 변경하려고 시도했다.router.push(...)목록의 항목을 클릭하지만, 이것은 전체 페이지를 다시 로드할 때중첩된 라우터 뷰도 찾아봤지만, 그게 올바른 방법인지, 어떻게 구현해야 하는지 잘 모르겠다. vue.js에서 같은 페이지에 항목 목록과 항목 세부 정보를 표시하는 가장 좋은 방법은 무엇인가?상세 뷰에 대해 해당 페이지에서 중첩 경로를 설정할 수 있다. 라우터 구성에서child..

Vue Router에서 발송된 후 저장소 데이터를 올바르게 업데이트하지 마십시오. 나는 부에로터(vue-roouter)에서 보호되는 몇몇 경로를 가지고 있다. 이것은 부에로터(vue-roouter)의 경로의 메타 속성을 통해서 한다. 인덱스 경로를 로드할 때, 즉 모든 레코드에 편집 버튼이 표시되는데, 그 순간 이 권한이 있기 때문에 해당 사용자를 업데이트하면 관리자와 함께 다른 패널로 가서 해당 권한을 제거한다.이제 일반 사용자에게 가서 내 테이블의 편집 버튼을 넘겨주면, 나는 그 순간 그 권한이 없기 때문에 403번 경로로 보내야 하지만, 그것은 내가 권한을 업데이트하는 다른 경로로 가는 다음 네비게이션으로 나를 보내야 한다.이 문제를 어떻게 해결하지? router.beforeEach((to, fro..

동일한 이벤트 수신기를 Vue.js에서 동적으로 생성된 버튼에 할당하고 개체 값을 매개 변수로 전달하는 방법? 오브젝트 키에서 이름을 가져오는 단추를 동적으로 작성하려고 한다.그리고 내 코드 작업을 하기 위해서는 해당 값을 메소드에 전달해야 해.이 두 가지 작업을 모두 어떻게 하십니까? note_add Title {{ key }} notifications 당신 집에서는value노선이며key단추 레이블이다.그냥 경로만 통과하면 돼 (웃음)value)는 인수로서 다음과 같다. @click="render_comp(value)" methods: { render_comp(to) { this.$router.push(to); } } 패스 더valuefor loop(첫 번째 경우 "/floss"가 되는)에서 변수:@c..