sourcejob

Next 2와 3에서 현재 경로 이름을 얻는 방법은 무엇입니까? 정적인 웹사이트를 구축하기 위해 Nuxt.js를 사용하고 있습니다. 구성 요소에서 액세스하는 방법script코드가 현재 표시된 경로 이름(브라우저 위치에서 직접 URL을 읽는 것을 피하고 싶습니다)? 어떻게든 접근할 수 있습니까?$route.name?Next2에서 예, 당신은 vuejs 경로 객체를 사용할 수 있습니다.$route.name또는$route.path $nuxt.$route.path 현재 경로 반환 $nuxt.$route.name 현재 경로의 이름(경로가 있는 경우) 경로 객체 특성 경로 개체는 현재 활성 경로의 상태를 나타냅니다.여기에는 현재 URL의 구문 분석된 정보와 URL과 일치하는 경로 레코드가 포함됩니다. $route...

같은 서버(같은 포트)에서 Vue.js와 Larabel을 실행합니다. Larabel을 백엔드로, Vue.js 2를 프론트엔드로 하여 웹 사이트를 개발하고 있습니다.웹 사이트를 실행할 때마다 다음 두 가지 명령을 사용해야 합니다. php artisan serve 그러면 포트 8000에서 larabel 서버가 실행됩니다. npm run dev 포트 8080에서 vue.js 서버가 실행됩니다. 1개의 명령어만으로 같은 서버(같은 포트)에서 실행할 수 있습니까?Vue.js가 포함된 Laravel 앱을 사용하면 실행할 필요가 없습니다.npm run dev. 이 경우 프런트엔드와 백엔드가 분리되어 있는 것 같습니다.이 경우는, 2개의 다른 포토 또는 호스트명을 호스트 할 수 없습니다. 다른 도메인을 사용하는 경우 ..

"인스턴스에 속성 또는 메서드가 정의되어 있지 않지만 렌더링 중에 참조됩니다." 를 표시해야 합니다.item.title바깥에하지만 다음 오류 메시지가 나타납니다. [Vue warn] :속성 또는 메서드 "항목"은 인스턴스에서 정의되지 않지만 렌더링 중에 참조됩니다.속성을 초기화하여 데이터 옵션 또는 클래스 기반 구성 요소에서 이 속성이 반응하는지 확인하십시오.https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties 를 참조해 주세요. Stackoverflow 검색 결과를 확인했지만 이해하기가 정말 힘듭니다.이 예시로 설명해 주시면 감사하겠습니다.코드는 다음과 같습니다. TITLE: {{ item.title }} 아카이브해야 할 것은..

크롬에서는 잘 작동하지만 IE(인터넷 익스플로러)에서는 작동하지 않는다. 나는 Vuejs에 처음이야. 나는 Vuejs와 larabel에 채팅 시스템을 가지고 있어.내 메시지가 너무 크면 IE에서 제대로 작동하지 않는다. 먼저 메시지의 절반을 보낸 다음 전체 메시지를 보내는 것이다.즉, 입력마다 2개의 메시지가 송신됩니다.하지만 크롬에서는 코드가 잘 작동합니다. methods: { send(e) { e.preventDefault(); //alert(this.Keijiban); if (this.Keijiban == '') { return; } this.$emit('send', this.Keijiban); this.Keijiban = ''; }, 그러면 메시지가 다른 컴포넌트로 전송됩니다.이것은 다른 컴포넌트..

Vue.JS "TypeError: reverseMessage가 함수가 아닙니다." Vue를 사용하여 문자열을 반대로 표시하려고 합니다.템플릿: 그리고 내 대본은: function reverseMessage(msg) { return msg.split('').reverse().join('') } Vue.component('reverse', { props:["msgreverse", "reverseMessage"], template: '' }) var app = new Vue({ el: '#app', data: { message:'The message to reverse !', } }) 이는 다음 콘솔오류로 인해 실패합니다. TypeError: reverseMessage는 함수가 아닙니다.('reverse Me..

Vue에서 라디오 버튼을 확인하는 방법v-model을 사용하지 않는 JS 2 Vue에서 라디오 버튼 목록의 체크된 값을 설정하려고 합니다.JS 2. 여기서 기존 기사를 검토하고 몇 가지 다른 수동 접근 방식을 시도했지만 전혀 작동하지 않습니다. 폼 빌더가 사용하는 사용자 지정 라디오 버튼 목록 컨트롤을 작업 중이기 때문에 여기서는 v-model을 사용하지 않습니다.이 문제는 nullable 부울을 처리하기 위해 네스트된 라디오 버튼 목록을 맨 위에 작성하고 있기 때문에 더욱 복잡합니다.그 복잡성은 제쳐두고, 제 무선 컴포넌트는 이렇게 생겼습니다. {{ introText }} {{ item.text ? item.text : item }} 로그를 보면 '체크' 값이 올바르게 설정되어 있어야 합니다(그렇지 않..

VueJ를 사용하여 1900년부터 현재까지의 연도 생성s VueJs로 등록 양식을 만들고 있습니다!사용자는 자신의 생년월일을 입력해야 합니다. 그럼 어떻게 하면 1900년부터 현재까지의 연도를 생성할 수 있을까요?요소? 이거 해봤어요. new Vue ({ el: '.container', methods: { getCurrentYear() { return new Date().getFullYear(); } } }); Year: {{ year }} 단, 이 경우 연도는 1부터 시작합니다.그럼 어떻게 루프를 통과해야 할까요?1900년부터 시작하는 해? 루프에서 메서드를 사용하지 말고 계산된 속성을 사용하십시오. 사용하지 않다v-if에 있어서v-for요소.안 좋아! new Vue ({ el: '.container'..

Vuex 상태에서 반응형 어레이를 동적으로 생성 컴포넌트가 SST(vuex)에 새로운 reactive-array 필드를 추가하려고 합니다.이전에 Create 훅을 시도했지만 추가된 어레이는 반응하지 않고 일반 JS 어레이일 뿐입니다. 이는 Vue 초기화 시 생성된 기존 어레이에서 요소를 추가/제거하는 것과는 다릅니다.이러한 어레이는 「랩」되어 「어레이 변경 검출」에 주의해, 예상대로 반응합니다. 제 경우 완전히 새로운 어레이 유형의 필드를 SST에 동적으로 추가하면서 동시에 반응하도록 하려고 합니다.가능합니까?반응성 상세 - 변경 감지 경고: 변경 검출 경고 최신 JavaScript의 제한으로 인해 Vue는 속성 추가 및 삭제를 감지할 수 없습니다.Vue는 인스턴스 초기화 중에 getter/setter ..

다음 구성 요소로 경로를 변경할 때 자동으로 맨 위로 스크롤하지 마십시오. 내 Vue/Vuetify 단일 페이지 앱에서 페이지를 아래로 스크롤하고 페이지 하단의 링크를 클릭하면 경로가 변경되어 다음 페이지로 이동하지만 다음 페이지/컴포넌트의 맨 위로 스크롤되지 않습니다. 그 결과, 첫 페이지가 길고 두 번째 페이지의 내용이 적으면 두 번째 페이지의 내용이 부족하다는 인상을 준다.사용자가 페이지 맨 위로 스크롤해야 내용이 표시되기 때문입니다. 페이지 01 - 긴 목록 중 하나일 뿐입니다. 페이지 02 - 다음 컴포넌트가 중간에 로딩됩니다. vue-router's를 사용할 수 있습니다.scrollBehavior페이지 탐색에서 스크롤 위치를 변경하는 방법.대신created () { window.scrollTo..

계산된 속성에서 조건부 논리를 사용하면 업데이트되지 않음 A, B(Vuejs 2.2.4 사용)의 2개의 핀드가 있습니다. 프로그래밍 방식으로 변경할 수 있는 계산된 속성이 있습니다(사용 중).get그리고.set메서드). 기대치: 디폴트 파라미터가 변경되었을 경우)this.message, 계산된 속성(computedMessage를 변경해야 합니다(기본 동작). 세컨더리 파라미터가 변경되었을 경우(this.messageProxy이 경우에만 계산된 속성이 세컨더리 파라미터를 반영해야 합니다. 바이올린 A는 예상대로 작동하지만 바이올린 B는 작동하지 않습니다. 오류: 기본 동작(포인트 1)은 보조 매개 변수가 변경된 후 중지됩니다. 만지작거림 사이의 유일한 차이점은console계산 속성의 스테이트먼트를 지정합니..