cyworld

Vue - v-bind 및 소품을 사용한 선택 요소에 대한 양방향 바인딩 자식 구성 요소가 있어: select(v-model="selectedItem", @change="emitChange") option(:value="{id: '123', value: 'foo'}") 123 option(:value="{id: '456', value: 'bar'}") 456 data: { selectedItem: '', }, methods: { emitChange() { this.$emit('change', this.selectedItem); }, } 위의 것은 잘 작동한다. 하지만 나는 그 가치를 만들고 싶다.부모에게 의존한다. 그래서 나는 다음을 한다. select(:value="selectedItem", @chan..

Vuex를 사용하여 어레이의 개체를 업데이트하는 중 이 질문에는 이미 다음과 같은 해답이 있다. vuex를 사용하여 데이터 업데이트 (4개 답변) 닫힌3년 전. 어레이 내의 개체를 Vuex로 업데이트하는 방법나도 해봤지만 소용이 없었어 const state = { categories: [] }; // mutations: [mutationType.UPDATE_CATEGORY] (state, id, category) { const record = state.categories.find(element => element.id === id); state.categories[record] = category; } // actions: updateCategory({commit}, id, category) { cat..

둘 중 어느 것이 더 나은가? 아니면 토속적인가? 휴관. 이 질문은여론에 근거한그것은 현재 답을 받아들이고 있지 않다. 이 문제를 개선하고 싶으십니까?이 게시물을 편집하여 사실과 인용문으로 답변할 수 있도록 질문을 업데이트하십시오. 4개월 전에 문을 닫았다. 커뮤니티는 4개월 전에 이 질문을 다시 열 것인지 여부를 검토하고 종결했다. 원래 근접 사유가 해결되지 않음 이 질문 개선 나는 VueJS와 모바일 앱을 시작하고 싶다. 누가 내가 vue-native와 native-vue 중 어떤 Framework를 선택할 수 있는지 제안해 줄 수 있니?Vue-Native는 ReactNative를 둘러싼 포장지에 불과하다.그럼 그 질문은 ReactNative vs Native Script가 되는 겁니까? 내 생각에,..

Vue.js 방법은 한 번만 호출해야 할 때 $emit와 $on을 사용하여 여러 번 호출된다. 이 링크에 설명된 방법을 통해 구성 요소가 다른 구성 요소와 상호 작용할 수 있도록 버스를 사용하고 있다. https://forum.vuejs.org/t/create-event-bus-in-webpack-template/4546/2 . 나는 버스를 이용해서 이벤트를 내보내는 창조된 후크라고 불리는 방법을 가지고 있다. created () { this.getReviewDeck() }, myMethod () { bus.$emit('increment') } 위 구성 요소에 포함된 다른 구성 요소에서 아래와 같이 생성된 후크에 이벤트 수신기를 부착한다. created () { bus.$on('increment', th..

(vue 구성 요소 대신) Javascript 파일에서 작업을 디스패치하는 방법? 나는 vue 컨텍스트 밖에 하나의 모듈(javascript 파일)이 있다.이 자바스크립트 파일에서 액션을 보내야 해그것이 가능한가? 만약 그렇다면, 어떻게? jsfile.js(Javascript 파일) const detail = {}; detail.validateLocation = (location) => { // need to dispatch one action from here. // dispatch('SET_LOCATION', {city: 'California'}) // how to dispatch action ? } export default detail; action.js export default { SET_LO..

VueJs에서 기능별로 키 누름 처리 내 컴포넌트에는 다음과 같은 VueStrap의 모달(모달) ... ... 모달이 열리면 핸들 키를 누르고, 눌러서 들어갈 때는 제출 모드, 에스크를 누를 때는 닫기 모달의 제출 여부를 확인하고 싶다. 사용자 지정 기능을 추가했다.keyHandler불행히도 절대 해고되지 않아그 기능에서 키 누름 처리 코드를 어떻게 수정하는지 알려주시겠습니까?아니면 부에 스트랩 모달의 닫기와 제출 방법이 더 좋을 때 나는 조언에 감사할 것이다.감사합니다.이벤트 핸들러를 에 첨부할 수 있다.window이렇게 하면 모든 주요 이벤트를 수신하고 모달의 상태에 따라 적절하게 행동할 수 있다. Vue.component('modal', { template: 'test modal', }); new ..

vue-properties는 구성 요소를 렌더링하는 것이 아니라 이 구성 요소의 URL을 변경하는 것이다.1달러짜리밀다 버튼을 누른 후 메뉴로 리디렉션하려고 하는데, 이 튜토리얼을 따라갔지만 작동하지 않는다. 내 버튼을 누르면 URL이 업데이트되지만 동일한 보기에 유지되는 경우, 경로.js에서 코드화한 내용을 따르는 대신 /#/를 내 URL에 추가함 콘솔에서 다음 오류가 발생함 Uncaught (in promise) NavigationDuplicated { _name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/menu") is not allowed", stack: 버튼을 ..

Vue.js의 사용자 지정 양식 구성 요소에 네이티브 입력 이벤트를 사용해야 하는가? 다음 Vue.js 코드를 고려하십시오. 나는 세 가지 입력 요소가 있는 양식을 가지고 있다.하나는 기본 입력 요소인 반면 나머지 두 개는 사용자 지정 입력 요소인 것이다.네이티브불붙다inputDOM 트리를 거품이 이는 이벤트. 을 위해그리고토착의input이벤트가 생성되지 않음.그러나, 지원을 위해v-model, 관습input어차피 사건이 터졌으니까이제, 나는 토착을 만드는 법을 안다.input이러한 사용자 지정 요소에서 이벤트 트리거. 문제는 - 이러한 사용자 지정 입력 요소에서 기본 입력 이벤트를 실행해야 하는가? 재사용 가능한 구성 요소 라이브러리의 작성자인 경우, 사용자가 원하는 정보를 얻기를 원할 수 있음inpu..

Vue에서 글로벌 오류 처리를 구현하는 방법 나는 Vue에서 글로벌 에러 처리를 하고 싶다.JS, 각도 2+의 오류 처리 시스템처럼.나는 많은 노력을 했지만 이 핸들링을 실행할 좋은 방법을 찾을 수 없었다. 당신이 많은 서비스 방법을 가지고 있고, 이러한 방법들이 차례로 실행되어야 한다고 상상해보아라. 그래서 그 때 글을 쓰고 프리보우스 서비스 안에서 캐치 방법을 쓰는 것은 매우 추악하고 부정하며, 지금 나는 그러한 방법을 구현하기 위한 깨끗한 방법을 찾고 있다.내 말뜻을 이해해주길 바란다.@Badgy가 언급한 대로 Vue 오류 처리기를 설치하여 Vue가 마주치는 오류를 포착할 수 있다.이는 다음과 같이 할 수 있다. Vue.config.errorHandler = function (err, vm, inf..

vue.js: 계산된 속성에서 라우터 매개 변수에 액세스할 수 없음 링크를 사용하여 문자열 매개 변수를 전달하려고 하는데 계산된 속성이나 메서드 속성이 매개 변수 값을 반환하지 못하는 것 같아.계산된 속성을 사용하면 전체 구성요소가 렌더링을 중지한다. 만약 내가 직접 말한다면{{ $route.params.**** }}템플릿에, 모든 게 잘 작동해하지만 그건 내가 원하는 방식이 아니야. {{ category }} router.js 파일에서: { path: "/:category", name: "category", props: true, component: () => import("./views/Shops.vue") }, 콘솔에서 오류 메시지를 받지 못했다.너는 이것을 마주하고 있다.error왜냐하면 화살표 ..