prostudy

Vue JS에서 ID를 기준으로 마우스를 이동할 때 Div 표시 나는 내가 그것에 의지하고 싶을 때, 그것은 다른 것을 보여줄 것이다.그러나 나의 첫번째 div는 역동적이다, 그것은 ID를 가지고 있다.그렇다면 어떻게 하면 ID를 기준으로 ID로 이동할 수 있을까? 그럴 것 같네요.@mouseenter="hoverService{{services.id}} = true"하지만 그것은 오류를 일으킨다.그래서 나는 아래의 코드를 정적인 것으로 만들었다. 아래 내 코드: {{sub_services.text }} 이 코드 사용 https://codesandbox.io/s/y7p9qyyovz 여러 항목에 대해 단일 변수를 사용하여 조작할 수 없는 각 항목에 대해 호버를 유지해야 한다.참조URL: https://sta..

Nuxt 라우터에서 동적으로 구성 요소 선택 모든 언어에 대해 동일한 구성요소를 제공하고 싶다.번역은 부품 안에서 할 것이다.URL 및 구성 요소 관계는 다음과 같아야 한다. pseudocode: browserurl: "/blogpost_1" nuxtcomponent: "blogpost_1" browserurl: "/en/blogpost_1" nuxtcomponent: "blogpost_1" browserurl: "/randompage" nuxtcomponent: "randompage" browserurl: "/en/randompage" nuxtcomponent: "randompage" 나의 접근방법은 다음과 같은 것이었는데, 불행히도 pathMatch에 접속할 수 있는 방법을 찾을 수 없다. route..

Parasails.js 및 사용(Vue 라우터 또는 가상 페이지) Parasails.js 문서에는 지원 기능이 설명되어 있음router그리고virtualPages, 그러나 실제로 이러한 옵션과 상호 작용하는 방법을 명시하지는 않는다. 나는 Vue, VueRouter 및 각 개별 구성 요소를 .vue 파일로 직접 가져오는 일반적인 Vue 설정에 다소 익숙하다. 그러나 parasails.js를 사용하면 이 매개변수들이 설명서에 정의되지 않은 객체를 예상하는 것으로 느껴지기 때문에 이 시점에서 추측하는 것뿐입니다. 나는 지금까지 이 점에 도달했다. parasails.registerComponent('mainSearch', { props: [ 'prop1', 'prop2', ], html5HistoryMode:..

라우터 내부 다음('profile').각자가 오류를 발생시키기 전에 이를 파악하기 위해 도움이 필요함 내 앱에 액세스 제어를 추가하려고 한다.그 문제는 다음으로 나에게 다음과 같은 오류를 주는 것이다. [vue-router] uncaught error during route navigation: Invalid object 다음('profile')에서 다음()로 라인을 변경해 보았는데 문제 없이 작동된다.그것은 다음에도 오류를 준다.그러나 첫 번째 다음 번 로그인에는 아무 문제 없이 작동한다.누가 좀 도와 줄래? 내 코드는: router.beforeEach((to, from, next) => { // Checking if user has verified the mobile number using fireb..

페이지 새로 고침에서 다른 경로 vuej로 이동 나는 두 페이지가 있다.home그리고about그래서 상쾌하면서도.home페이지 내가 전달해야 할 필요가 있다.about페이지를 매기다. 따라서home.vue이렇게 썼다. created () { window.addEventListener('beforeunload', this.reloadHandler) } destroyed () { window.removeEventListener('beforeunload', this.reloadHandler) } 그리고 그 사이에reloadHandler메서드 i writer push toabout페이지를 매기다 reloadHandler () { this.$nextTick(() => { this.$router.push('/abo..

Vue에서 상태 변경 시 라우터에 의해 렌더링된 구성 요소를 변경하는 방법 나는 Vue에 Vuex 상점과 라우터를 설치했다.이 스토어 내의 상태에 따라 라우터가 동일한 경로에 대해 다른 구성요소를 렌더링해 주었으면 한다.아래는 이것을 하려는 나의 시도다. 라우터 내에 "사용자가 로그인한 경우 반환"이라는 조건부가 포함됨Home, 그렇지 않으면 반환Login". 내 안에서Login구성 요소, 내 값 변경loggedIn사용자가 성공적으로 로그인할 때 Vuex 스토어 내의 상태를 true로 지정하십시오.나는 테스트를 했고 이 상태가 업데이트되고 있는 것을 볼 수 있지만,Home구성요소가 이 상태 변경에 제공되지 않음 - 다음과 같이 유지됨Login. 로그인.vue Tweeter Twitter, but not ..

vue-roouter를 사용하여 리디렉션하려면 어떻게 해야 하는가? 나는 URL을 통해 다른 페이지에 액세스하려고 노력했지만, 그 페이지는 로드되지 않는다. http://localhost:8080/index http://localhost:8080/정보 이것은 나의 main.js 파일이다. import Vue from 'vue' import App from './App.vue' import vuetify from './plugins/vuetify'; import VueRouter from 'vue-router' Vue.config.productionTip = false Vue.use(VueRouter) import Index from './views/Index'; const About = { templat..

vue 라우터 링크를 vue 구성 요소에 연결하는 방법 나는 Javascript뿐만 아니라 Vue 프레임워크도 매우 생소하지만, 현재 Vue를 사용하여 사이트를 만들고 있으며, 사용자가 탐색할 수 있는 링크를 내 사이트 상단에 가지고 싶다.나는 이러한 링크를 만들기 위해 Vue 라우터(https://router.vuejs.org/guide/##)를 사용해 보았다.이쯤 되면 사용자가 탐색할 수 있는 작은 'About Us' 섹션을 만들고 싶을 뿐이다.그러나 URL이 'localhost:8080/#/about_us'로 변경되었음에도 불구하고 링크와 연결된 Vue 구성 요소는 표시되지 않는다. 나는 main.js로 내 코드를 다음과 같이 구성했다. import Vue from 'vue' import VueRo..

경로에 @를 추가하는 방법 nuxtjs.예: example.com/@properties 나는 nuxtjs에서 동적 경로에 @를 추가하는 방법을 찾고 있었다. 나는 example.com/@property를 이루고 싶다. 나는 '@'라는 이름의 디렉토리를 만들려고 노력했고 그 안에 _user 파일을 만들었다.하지만 그것은 @/190으로 이어진다. 또한 구성에서 라우터를 확장하고 다음과 같은 사용자 지정 경로를 생성하려고 시도했다. router: { extendRoutes(routes, resolve) { routes.push({ name: 'user', path: '/(@):username', component: resolve(__dirname, 'pages/userProfile.vue') }) } }, 그..

Vue 구성 요소가 기본 Vue 인스턴스를 작동하지만 Vue 라우터 구성 요소에서 작동하지 않음 나는 내 앱을 위한 메인 요소(#app)와 함께 라라벨/뷰 앱을 설치했다.블레이드.php 파일그런 다음 vue 인스턴스를 시작하는 app.js 파일이 있다.그리고 내 경로도 있고, j와 myComponent도 있어vue 파일 마이콤포넨트에서.vue 나는 vue-winwheel을 로드하려고 한다.하지만 계속 이런 경고를 받고 있어 [부유 경고]:알 수 없는 사용자 지정 요소: - 구성 요소를 올바르게 등록하셨습니까?재귀 구성 요소의 경우 "이름" 옵션을 제공하십시오. 그리고 부품이 로드되지 않는다.환영할 때 직접 사용한다면.blade.php 파일은 로드되지만, 물론 잘못된 위치에 저장된다. 나는 VueWinwh..