반응형

vue-router 38

Vue 웹 팩이 모든 URL에 #/를 추가하는 중

Vue 웹 팩이 모든 URL에 #/를 추가하는 중 나는 몇 가지 Vue 프로젝트와 함께 다음 작업을 하고 있다.vue init webpack test하지만 달리기를 할때 처럼 보인다.npm run dev, 항상 있다.#/모든 URL에 추가됨 이것은 또한 내가 새로운 구성요소를 만들고 그 구성요소로 라우트할 때에도 적용된다.만약 내가 다음과 같은 것을 한다면.http://localhost:8080/newpath, 그것은 될 것이다.http://localhost:8080/newpath#/. 다음과 같은 구성 변수를 설정할 수 있는가?#/모든 URL에 추가되지 않았는가? 모든 URL에서 그것을 제거하기 위해 regex를 사용하는 것은 정말 다루기 힘든 것 같다. vue init가 생성하는 HelloWorld ..

IT이야기 2022.03.21

Vue 라우터의 경로에 대한 조건별 매핑 구성 요소

Vue 라우터의 경로에 대한 조건별 매핑 구성 요소 구성 요소를 조건부로 표시하는 경로를 만들고 싶다. 예를 들어, 사용자가 /home 경로를 친다.사용자가 멘토인 경우 멘토 표시HomeComponent(홈 구성 요소), 그렇지 않으면 멘티 표시홈구성 요소. 이것을 하는 가장 좋은 방법은 무엇인가?이것은 한 가지 짧은 방법이다. 홈뷰 export default { data() { return { mentor: false } }, mounted() { this.mentor ? this.$router.push({name : 'MentorHomeComponent'}) : this.$router.push({name : 'MenteeHomeComponent'}) } } . 사용자 권한에 따라 적절한 구성 요소를 ..

IT이야기 2022.03.20

vuej의 다차원 배열 문제

vuej의 다차원 배열 문제 다차원 배열 이벤트 테이블 우리는 여러 개의 물체를 가지고 있고, 각각의 물체 안에는 배열이 있고, 각각의 배열이 물체를 가지고 있다.[다차원 배열] users.id(현재 로그인한 사용자)에 문제.user_id가 있는지 확인하고 싶다. 있으면 버튼이 비활성화되고 그렇지 않으면 거짓으로 돌아온다. 하지만 우리는 주어진 '이벤트 테이블' 스크린샷과 같은 모든 배열들을 가지고 있다. {{ event.user.id}} {{event.user.name }} {{ event.id}} {{ event.problem[0].problem}} Already Joined Join / "조인" 또는 "이미 가입"(비활성화됨) 버튼 하나만 표시하시겠습니까?내가 맞히면 반복하고 싶지 않은 것 같아.e..

IT이야기 2022.03.20

정의되지 않은 속성 '$router'를 읽을 수 없음

정의되지 않은 속성 '$router'를 읽을 수 없음 주어진 코드에 문제가 있어서 submit () { fetch(this.url + "/auth/login",{ method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, body: JSON.stringify({ mobilenumber: this.form.mobilenumber, password: this.form.password}) }).then(function (response) { console.log("Response = " + response.status); if (response.status == 200) { this.$router.p..

IT이야기 2022.03.19

window.location을 사용하도록 강제 적용.href(vue-properties 해시 모드)

window.location을 사용하도록 강제 적용.href(vue-properties 해시 모드) 사용하고 있다.vue-router 3.0.1, 그리고 그 모드는hash. 현재 URL: /#/?type=1 나는 사용하려고 노력했다.window.location.href동일한 경로에 대해, 그러나 이와 같은 다른 쿼리 매개변수에 대해. window.location.href = '/#/?type=2'; 그러나 브라우저의 URL은 바뀌지만, 다른 일은 일어나지 않는다. 애초에, 난 이걸 시도하고 있어, 왜냐하면router.push구성 요소를 재조립하지 않았다. 원본window.location.href다른 결과를 내놓아야 하지만vue-router오버라이드 할 것 같다.window.location.href. 어떻..

IT이야기 2022.03.17

VueRouter는 URL을 변경하지만 구성 요소는 변경하지 않음

VueRouter는 URL을 변경하지만 구성 요소는 변경하지 않음 나는 vue3에 새로 왔다.내 구성요소 중 하나가 이상한 반응을 보인다.나는 많은 구성 요소에서 문제없이 vue 라우터/라우터 링크 태그를 사용하지만 그 중 하나에서 버튼을 클릭하면 url이 올바르게 변경되지만 F5를 누를 때까지 새 구성 요소로 새로 고쳐지지 않는다.구조는 다른 구성 요소와 다르지 않다 : (사전 감사) 구성 요소: {{ originMsg.title }} Auteur : {{ originMsg.User.firstname +' '+ originMsg.User.lastname}} - Date de rédaction: {{ originMsg.creation_date }} {{ originMsg.content }} {{ resp..

IT이야기 2022.03.17

앞에 매개 변수를 추가하는 방법각

앞에 매개 변수를 추가하는 방법각 router.beforeEach((to, from, next) => { if (auth) { next() } else { next('/') } }) 사용.vue-router beforeEach통제를 하다auth, 만약 성공한다면.true가다next그렇지 않으면 로 리디렉션된다.'/'잘 되긴 하지만 집으로 돌아가면 좋겠어'/'로그인 대화 상자를 팝업하십시오. 그래서 나는 이렇게 바꾼다. next({path: '/', params: { showLogin: true }}) 내가 설정했을 때auth거짓으로, 내 생각에는.home.vue,console.log(this.$route.params.showLogin)주다undefined참조URL: https://stackoverflow..

IT이야기 2022.03.16

Vue 라우터 조건부 리디렉션?

Vue 라우터 조건부 리디렉션? 나는 라우터 링크가 서버로부터 받은 데이터를 기반으로 하는 간단한 Vue 앱을 만들려고 하는데, 데이터는 이와 같다. id: 1 path: "category_image/About.jpg" slug: "about" subtitle: null title: "About Us" url: "http://archeoportal.loc/page/about" 지금 내가 이루고자 하는 것은 동적 라우터 링크 요소들을 사용하는 것이다.window.location.href만약url필드는 null이 아니다. 그렇지 않으면 나는 그것이 라우터 링크이기를 원한다.현재 내가 한 일이 잘 안 풀리고, 계속 이렇게 오류를 던진다.TypeError: Cannot read property 'redirect..

IT이야기 2022.03.13

Laravel에서 Vue 라우터로 데이터를 전달하는 방법?

Laravel에서 Vue 라우터로 데이터를 전달하는 방법? 나는 laravel-vue 프로젝트를 사용하고 있는데 기본 url을 laravel 뷰에서 vue 라우터 컴포넌트로 전달하고 싶다.ex. 이 데이터 {{url url/') }}.vue 라우터에 전달 가능한가?블레이드 파일에서 JS 전역 변수를 정의한 다음 라우터에서 검색할 수 있다. new VueRouter({ base: window.routerBaseURL, ... }); 참조URL: https://stackoverflow.com/questions/61141755/how-to-pass-a-data-from-laravel-into-vue-router

IT이야기 2022.03.13

Vuex, Vue-라우터 및 처리 페이지 다시 로드(F5)

Vuex, Vue-라우터 및 처리 페이지 다시 로드(F5) 나는 지금 내가 만들고 있는 애플리케이션을 vue-roouter와 vuex를 사용하여 한 페이지짜리 애플리케이션으로 전환하는 중이다.하지만 이번이 첫 SPA라서 새로운 이슈에 반칙을 하고 있어.제품 목록과 편집 모드를 사용하여 원하는 대로 작업을 처리하고 성공적으로 라우트할 수 있었다./product/list그리고/product/edit그리고 (또는 -)F5를 사용하여 페이지를 다시 로드할 때 편집 모드에 대한 (놀랍지 않게) 문제가 발생했다는 것을 알게 되었다.편집 모드는 목록 모드에서 설정된 상태와 다시 로드 후 이 상태가 발생하지 않은 상태에 따라 달라진다. 그래서 제 질문은 일반적이고, 건축적인 겁니다.이런 일을 하는 가장 좋은 방법은 무..

IT이야기 2022.03.12
반응형