prostudy

Vue router2가 깊은 중첩 경로를 캡처하지 않음 나의 경로에는 다음과 같은 구조가 여러 파일로 나뉜다. export const router = new VueRouter({ mode: 'hash', base: __dirname, saveScrollPosition: true, history: true, routes : Array.concat(userRoutes, siteRoutes) }) ... // user/routes.js export const userRoutes = [ { path: '/user', name: 'user_main', component: UserMain, meta: {authRequired: true}, children: Array.concat([ ... ], accountRou..

nuxt-link: 해시를 사용하여 동일한 앵커로 리디렉션 A를 사용하고 있다.내 Nuxt 응용 프로그램의 구성 요소와 나는 다음과 같은 문제가 있다. 링크를 처음 클릭했을 때, 필요한 경우 페이지가 변경되고 앵커는 완벽하게 작동한다. 그러나 페이지에서 조금 스크롤한 후 다시 링크를 클릭하면 URL이 이미 브라우저 탐색기에 있기 때문에 아무 일도 일어나지 않는다. 을 클릭할 때 이 동작을 덮어쓰려면 어떻게 해야 하는가?nuxt-link, 이전에 클릭했던 내용에 관계없이 원하는 섹션으로 스크롤됨 ? (페이지 새로 고침 없이) 여기 내 것이 있다.nuxt-link처럼 보인다 Homepage 나는 당신이 클릭 핸들러를 당신의 nuxt 링크에 추가할 수 있을 것이라고 믿는다. Homepage (그에 대해서는 확..

라우터를 사용할 때 Vue 라우터 보기가 렌더링되지 않음각 항목 나는 Vue Router와 함께 일하고 있는데, 나는 그 라우터를 사용해야 한다.router.beforeEach특정 경로가 적중되었는지 확인하기 위해 콜백이것의 유일한 문제는 콜백을 사용할 때아무 것도 제공하지 않는다. app.vue routes.js import VueRouter from 'vue-router'; export default new VueRouter({ routes: [ { path: '/', component: require('./views/home') }, { path: '/logout' } ], linkActiveClass: 'is-active' }); app.js import './bootstrap'; import r..

Vue.js 라우터: $route.router.go()가 작동하지 않는 이유는? vue-router 0.7.13 + SweetAlert가 있는 페이지로 리디렉션되지 않는 이유난 이렇게 좋아해 (라벨 5.3): 여기 있다article.blade.php: ... Delete ... 이것은 나의 것이다.app.js: window.Vue = require('vue'); window.VueRouter = require('vue-router'); Vue.use(VueRouter); var article_form = new Vue({ el: '#article_form', data: { ... }, methods: { ... ... deleteArticle: function (url) { // Click Delete ..

라우터가 있는 스위프 가능 Vuetify 탭 내 vue 앱에는 탭이 들어 있는 페이지가 있다.다른 경로를 기준으로 탭을 변경/표시하고 싶다. 이를 위해 나는 이 답을 참고 자료로 삼았다. 일반적으로 이것은 잘 작동한다!모바일 기기에서 탭도 바꿀 수 있다(덕분에).@change청취자:v-tabs-items. BIT: 탭 레이블을 클릭하면두 번 탈 거야미끄러질 때, 그것은 한 번만 장착된다. 명분은 그 사람과 무슨 관계가 있다.의 범위 안에 있는s 이 루프를 벗어나면 아동 구성 요소가 한 번 올바르게 장착된다.불행히도 나는 더 이상 스와이프를 사용하여 탭을 변경할 수 없다. 내용이 분리되었기 때문이다. 그렇다면, 기능(동적 라우팅 콘텐츠와 스위프 기능)을 모두 가질 수 있는 기회가 있는가? 고마워 얘들아! ..

Vue SPA 사이트에서 동일한 페이지 다시 로드 나는 이것을 하기 위해 십여 가지 방법을 시도했다. .htaccess아파치 호스팅(내 사이트를 호스트하는 내가 선호하는 환경), Heroku를 통해, netlify를 통해_redirects서류철과netlify.toml그리고 그들 중 아무도 작동하지 않는 것 같다.Vue는 다음과 같이 쓰기를 권장한다..htaccess다음과 같이 파일: RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] 그러나 그것은 같은 페이지로 다..

Vue 라우터가 라우터 링크-정확한 활성에서 클릭 감지 나는 이 질문을 여러 번 보았지만, 좋은 답변이 없었다. 링크가 있는 탑메뉴가 있으며 현재 있는 페이지의 링크를 클릭할 때 기능을 트리거하고 싶다. 이걸 어떻게 해? 구성 요소 내 가드는 경로가 변경되지 않으므로 트리거하지 않는다는 점을 기억하십시오.당신은 모든 링크에서 함수를 트리거하고 파라미터를 통과한 안에서 항해를 트리거하고자 할 것이다. 그런 다음 현재 페이지 URL이 전달된 매개 변수와 일치하는지 확인하십시오. 예시 if (this.$router.currentRoute == 'param passed') { return someOtherFucntion(); } return this.$router.push('param passed'); 이것은 ..

vue 구성 요소의 "BeforeRouteEnter" 후크가 트리거되는 조건은? 나는 Vue.js를 처음 접하고, 내비게이션 가드 훅을 배울 때 몇 가지 문제를 만났다.Foo 구성 요소 및 Home 구성 요소에 대해 'BeforeRouteEnter' 구성 요소 후크를 설정하십시오.브라우저가 '/'로 이동하면 '/home'으로 리디렉션되며, Foo는 Home의 기본 하위 구성 요소인 만큼 렌더링되고 foo 구성 요소 후크가 트리거된다. 위의 내용을 모두 알고 있으며, 내가 알고 싶은 것은 다음과 같다. '/home'에서 '/home/foo'로 경로를 변경할 때 Foo 구성 요소가 다시 사용되는데, Foo 구성 요소의 후크가 트리거되는 이유는? '/home/foo'에서 '/home'으로 경로를 변경할 때 F..

i18n을 사용하여 vue-roouter에서 메타 태그 변환 내 빵 부스러기에 사용되는 메타 태그를 번역하기 위해 vue.router 안에서 i18n을 사용하는 방법을 알 수 없다. main.js. import vuexI18n from 'vuex-i18n'; Vue.use(vuexI18n.plugin, store); const i18n = Vue.i18n import es_es from '@/assets/langs/es_es'; import en_us from '@/assets/langs/en_us'; i18n.add('es_es', es_es) i18n.add('en_us', en_us) i18n.set('en_us') 라우터.js import vuexI18n from 'vuex-i18n' Vue.us..

VUE: Imgs에 글로벌 변수 사용 이미지가 Firebase Data에 JPG로 저장됨 Vue에 있는 Main.js의 글로벌 변수에 저장된 이미지 위에 있는 구성요소가 있다. Main.js에서 데이터를 가져와 클라이언트 헤더에서 사용하려고 함 업로드된 이미지가 전역으로 저장되는 내 Main.js 사진 Internships Profile Search Logout methods: { data: function () { ClientHeaderImage: this.store.uploadedImage; }, This.store.uploadedImage가 저장소에서 내 Firebase 이미지를 꺼내는 중 콘솔을 보면.이게 내 콘솔이 보이는 거야.로그 누군가 이것을 내 HTML 템플릿에 표시하는 것을 도와줄 수 있..