goodcopy

VueJ에서 모든 사용자 지정 이벤트를 청취하는 방법 VueJS 앱에는 컴포넌트 간에 데이터를 전송하기 위한 이벤트버스로 사용하는 Vue 인스턴스가 있습니다. 단지 다음과 같습니다. import Vue from 'vue'; export const EventBus = new Vue(); 그런 다음 컴포넌트에서 EventBus를 Import하여 사용합니다.EventBus.$emit()그리고.EventBus.$on(). 이 어프로치에 대해서는, https://alligator.io/vuejs/global-event-bus/ 를 참조해 주세요. 제가 할 수 있는 것은 EventBus를 통해 전송되는 모든 이벤트를 듣는 것입니다.하나의 청취자를 모든 이벤트에 바인드할 수 있다면 이를 사용하여 로깅을 하거나 개발 ..

vue.이것 좀 봐주세요.$120 정의되지 않음 나는 정의되지 않고 있다. this.$disclossible App.vue 및 기타 구성 요소에 정의되어 있지 않습니다.해결책을 찾을 수 없었어요. 여기 제 메인 프로그램의 일부가 있습니다. Vue.use(VueRouter); Vue.use(VueResource); const router = new VueRouter({ routes: Routes, mode: 'history' }); new Vue({ el: '#app', render: h => h(App), router }); 그리고 여기 main.js에 Import하는 라우터.js가 있습니다. export default [ {path: '/', component: Home, name: 'home'}, {..

Vue.js는 마운트된 상태에서 코드를 실행하여 기능을 재시작합니다. 저는 VueJs에서 게임을 만들고 있는데, 페이지가 로딩되면 부팅하고 외부 API에 Ajax를 호출하여 많은 데이터 속성을 만들고 싶습니다.플레이어가 게임에서 이겼을 때 게임을 재개할 수 있는 버튼을 볼 수 있도록 하고 싶다.사용하고 있다mounted()페이지 로드 시 메서드를 실행합니다. 질문입니다.게임 셋업과 API 호출이 다음 중 하나일 경우 재시작 기능을 어떻게 구현해야 할지 모르겠습니다.mounted()기능.이 시스템을 실행할 수 있는 방법이 있나요?mounted()다시 작동합니까?초기화를 메서드로 요약하고 메서드를 호출합니다.mounted원하는 곳이면 어디든 갈 수 있어 new Vue({ methods:{ init(){ //..

Vue.js $emit이 부모에게 수신되지 않았습니다. 자녀와 부모의 한 페이지 컴포넌트에 대해 다음 코드 코드가 왜 작동하지 않는지 여러 가지로 알아보고 있습니다. Child.vue Parent.vue 응용 프로그램을 실행하면 아이가 콘솔에서 >>emitSignal() 신호를 내보내지만 부모 함수 doSomething은 실행되지 않습니다. 내가 뭘 놓쳤는지 알아? NB I도 다음과 같이 이벤트버스를 시도했습니다.https://alligator.io/vuejs/global-event-bus/,는 아이가 기동하지만 부모는 신호를 인터셉트하지 않고 지정된 기능을 실행합니다.당신의.emit코드에는 콤마가 없는 것 외에 문제가 없습니다.dataChild.vue 블록 작업 예: https://jsfiddle.ne..

Vue 다중 선택이 항상 부트스트랩 입력 그룹 뒤에 표시됨 나 이거 진짜 힘들어.Vue Multiselect와 Bootstrap의 3가지 입력 그룹을 사용하고 있습니다. 여기서 문제는 입력 그룹에 어떤 z 인덱스를 사용하든 다중 선택 옵션이 입력 그룹 뒤에 표시된다는 것입니다.입력 그룹 z-index를 0으로 변경할 수 있다는 것은 알고 있지만 부트스트랩 SAS 파일을 보면 "적절한 테두리 색상에 대해 입력이 항상 추가된 추가 버튼 위에 있어야 합니다."라고 되어 있기 때문에 이렇게 해도 안전한지 모르겠습니다. .input-group .form-control { z-index: 0; } 모든 셀렉터를 멀티 셀렉트로 시도했지만 효과가 없습니다.어떤 도움이라도 주시면 감사하겠습니다.다음은 바이올린입니다.ht..

2개의 css 스타일파일(rtl, ltr) vue.display 간에 전환하는 방법 아랍어와 영어 두 가지 스타일로 Vue.js에서 프로젝트를 진행하고 있습니다.vuebootstrap 스타일은 main.defaults에서 다음과 같이 Import됩니다. import 'bootstrap/dist/css/bootstrap.css' import 'bootstrap-vue/dist/bootstrap-vue.css' 및 bootstrap-rtl은 index.side의 헤드태그에 포함되어 있습니다.css는 커스텀스타일에 따라 달라집니다. 여기서의 문제는 Import된 파일이 커스텀 css 파일보다 우선된다는 것입니다.main.js에서도 Import했습니다. import 'bootstrap/dist/css/boots..