c10106

$209가 아동 이벤트를 유발하지 않음 VueJS 2.0 프로젝트의 경우 상위 구성 요소에 대해 다음 사항을 설명하십시오. 내가 가지고 있는 하위 구성 요소: { events: { 'childEvent' : function(){.... }, ready() { this.$on('childEvent',...) }, methods: { childEvent() {....} } } 버튼 클릭으로는 아무 것도 작동하지 않는 것 같다.그럼 아이한테 발산할 부모 방법을 만들어야 하는 건가?나는 vuejs 1을 사용하고 있었는데, 지금은 부모 대 자녀 간의 의사소통이 어떻게 되는지 헷갈린다.다른 답변이 올바르고 대개 데이터 기반 접근법을 사용할 수 있다. 소품 말고 다른 방법이 필요한 이 질문에 답을 찾는 분들을 위해 ..

다른 포트에서 실행 중인 Vue 애플리케이션에서 노드 익스프레스 서버 API 호출 나는 최근에 vue.js를 배우기 시작했고 현재 vue-simple-webpack 템플릿, 익스프레스, mongo와 함께 vue.js를 사용하여 간단한 애플리케이션을 개발하고 테스트하고 있다. 애플리케이션 프런트엔드는 포트 8080에서 실행되며 서버는 다른 포트(3000)에서 실행 중임 여기 내 것이 있다.server.js여기서 데이터를 얻을 수 있는 간단한 api가 있다.localdb const express = require('express'); const MongoClient = require('mongodb').MongoClient; const mongodb = require('mongodb'); const body..

Vue.js 하위 구성 요소에서 모달 닫기 나는 이 모달 안에 있는 아동 구성 요소에서 vuejs 모달을 닫기를 원한다.사례: SomeComponent 안에서 나는 약간의-모듈을 닫기를 원한다.좋은 접근인가? 더 나은 방법으로 할 수 있을까? 제발, 안부 전해줘.다음을 사용하여 자식 구성 요소에서 이벤트를 내보내야 함this.$emit('exit', true). 그런 다음 상위 구성 요소(모달)에서 해당 이벤트를 청취하십시오. 그런 다음 논리를 작성하여 모델 함수를 닫으십시오.문제 없어.Vue의 사용자 지정 이벤트 시스템: https://vuejs.org/v2/guide/components.html#Custom-Events 이것이 이상적인 접근법인지 판단하는 한, 어느 누구도 당신이 제공한 최소한의 정보..

사용자가 브라우저를 다시 누른 후 마운트된 Vuejs를 트리거하지 않음 내 vuejs 애플리케이션에는 대시보드가 있으며, 사용자가 /room(/room)으로 자신을 보내는 버튼을 클릭할 수 있다.router.push("/room");). 사용자가 페이지에 도착하면 "마운트된" 기능이 트리거되고 간단한 console.log가 에미레이트된다.그것은 효과가 있다. mounted() { console.log("room mounted"); } 사용자가 브라우저의 "뒤로" 버튼을 누르고 대시보드로 돌아가면 다시 버튼을 클릭하여 룸에 가입할 수 있지만, 이때를 제외하고는 "장착" 기능이 트리거되지 않는다. 이것을 작동시킬 수 있는 방법이 있는가? 감사합니다.아래 답변에 대한 답변의 일부에 대해, 내가 찾고 있는 것은..

Axios - 동일한 리소스에 대한 여러 요청 한 페이지에 동일한 http 리소스를 요청하는 두 구성 요소가 있는 앱을 만드는 중.이 경우에 나는 공리를 사용하고 있는데, 여기 한 가지 예를 들어보자. axios.get('/api/shift/type') .then( (response) => { self.shiftTypes = response.data; success(response.data) }, (response) => { error(response) } ); 문제는 그들이 거의 동시에 그것을 요청하는 데 있다.컴포넌트 A가 컴포넌트 B와 동시에 요청하면 2번의 요청 전화가 걸려와 동일한 데이터를 받게 된다.공리가 현재 미해결 약속을 가지고 있는지 확인하고 요청이 해결되면 결과를 두 구성 요소로 반환할..

vue 라우터의 메타 제목으로 매개 변수 전달 나는 메타 타이틀에 경로 파라미터를 전달하고 싶은데 어떻게 해야 할지 모르겠어.내가 시도했던 것이 제목 탭에서 정의되지 않은 상태로 계속 돌아온다. { path:'/profile/:name', component: Profile, meta: { title: route.param.name + 'place' } } 컴포넌트에서는 이것을 더 쉽게 할 수 있다.그 부품에 이런 걸 써보겠다. created: function () { document.title = this.$route.params.name + ' place' } 제목 메타 함수를 제거하십시오. { path:'/profile/:name', component: Profile, } 넘겨도 좋다.props대신:..

왜 구성요소에 Axios나 HTTP 호출을 사용하는 것이 좋지 않은 관행으로 여겨지는가? 이 글에는 다음과 같이 적혀 있다. 일반적으로 좋지 않은 관행이지만 구성 요소에서 Axios를 직접 사용하여 방법, 라이프사이클 후크 또는 언제든지 데이터를 가져올 수 있다. 왜 그런지 궁금한데?나는 주로 데이터를 가져오기 위해 라이프사이클 후크를 많이 사용한다(특히 데이터로부터).created()). 요청 전화를 어디에 써야 할까?글쓰기API컴포넌트에 직접 있는 방법은 코드 라인을 증가시키고 읽기 어렵게 만든다.내가 믿는 바로는author분리할 것을 제안하고 있다.API으로의 방법.Service. 당신이 가져와야 할 경우를 예로 들어보자.top posts그리고 데이터로 작동한다.만약 당신이 컴포넌트에서 그것을 다시..

여러 v-선택 필수 규칙의 Vuetify가 작동하지 않음 재생성 단계: 다중 선택 필수 규칙이 아닌 경우 다중 선택 규칙이 작동하지 않는 경우 정상임. 예상 동작 다중 선택에도 적용되는 규칙 실제 동작 다중 선택일 경우 규칙이 작동하지 않음 재생성 코드 : 라는 다른 규칙을 추가하십시오.select2선택한 항목의 길이를 확인하는 방법: rules: { select: [(v) => !!v || "Item is required"], select2: [(v) => v.length>0 || "Item is required in select 2"], } 그런 다음 다음과 같이 두 번째 선택 항목에 바인딩하십시오. 라이브 데모참조URL: https://stackoverflow.com/questions/6411614..

구성 요소로 전달된 v-data를 소품으로 편집하는 Vue 나는 Nuxt를 사용하고 있다.2.15.3. 내 앱에서 사용자는 고객이 대답할 수 있는 질문을 설정할 수 있으며, 그 중 하나가 '다중 선택' 질문일 수 있다.이러한 유형의 질문들은 제목과 함께 사람들이 선택할 수 있는 여러 가지 대답 선택사항이 있다. 내 질문 페이지에 사용자의 모든 질문을 나열하고, 어떤 질문이든 편집할 수 있도록 허용하고 싶지만, 적어도 객관식 질문 편집에 관해서는 정확히 어떻게 해야 하는지를 알아내는 데 어려움을 겪고 있다.현재 상태로는, 나는.EditQuestion내가 합격시킨 부품.question내 것을 받쳐 주다.QuestionCard구성 요소, Vuex에 저장된 질문의 세부 정보일 뿐이다. 현재 버전의 (SO에 대해..