prostudy

Vue 계산 세터를 통해 Vuex 작업 호출 난 소방서에 저장되어 있는 카운터에 대한 값을 가지고 있다구. { name: 'sheep', total: 0 } 나는 그것을 파이어베이스라고 불리는 액션을 사용하여 Vuex 상태의 값과 동기화한다. loadedCounter ({ commit }) { commit('setLoading', true) firebase.database().ref('animals').on('value', (snapshot) => { let counter = [] let obj = snapshot.val() for (let key in obj) { counter.push({ name: obj[key].name, total: obj[key].total }) } commit('setLoad..

액션을 발송한 후 vuex 저장소 상태 가져오기 Laravel 6 + Vue + Vuex에서 채팅 애플리케이션을 만들고 있어.vuex 스토어에 전화를 걸어 디스패치 작업이 완료된 후 상태를 확인한 후 내 vue 구성 요소에서 해당 상태를 처리하고 싶다. ChatWindow 구성 요소 mounted: function () { this.$store.dispatch('setContacts').then(() => { console.log('dispatch called') // I want to call the getter here and set one of the data property }); } action.js setContacts: (context) => { axios.post('/users').then..

Vue에서 필터링된 목록을 보다 동적으로 만드는 방법 그래서 나는 내가 반복해서 사용하고 있는 항목의 목록을 가지고 있다.v-for. 목록을 인쇄하기 전에 다음 값을 사용하여 필터링한다..filter()방법또한 사용 중인 필터링된 값 간의 변경v-on:click제 질문은, 필터를 좀 더 역동적으로 만들 수 있는 방법이 없을까?목록을 필터링하도록 설정한 미리 정의된 값이 변경되면 필터가 더 이상 작동하지 않기 때문에... 내가 JSFiddle을 여기에 제공했어. 그래서 너는 내가 어떤 일을 하고 있는지 볼 수 있을거야. 나의 두 가지 주요 관심 분야는v-on그리고 계산된 방법들.. Received Preparation 여기 계산된 방법이 있다. computed: { engagementFilter() { r..

Vue Chart.js와 함께 API 데이터를 사용하는 방법 그래서 나는 어플리케이션에서 데이터 시각화를 사용하는 것에 익숙하지 않고 내 api에서 오는 데이터를 도너츠 차트가 표시하는 데 사용하는 데이터로 설정하려고 하지만 어떻게 데이터에 적절하게 접속하는지는 알 수 없다. 구성 요소 사용을 위해 단순화하는 방법으로 vue-chartj를 설치했다. 차트 구성 요소 이제 내 데이터는 다음에서 나온다.chartEngagementsGetter(게터) 그리고 이것은 {Complete: Array(1), Review: Array(3), 2nd Review: Array(1), Recieved: Array(7), Preparation: Array(1), …} 내 질문은 어떻게 하면Complete: Array(1)에..

vue-chart.js /vuex: vuex 상태가 변경될 때 차트가 업데이트되지 않음 나는 vue-chart.js, Chart.js를 사용하고 vuex 상태 내의 값을 사용하여 도넛 차트를 만들었다.차트는 vuex 상태가 업데이트될 때 차트가 업데이트되지 않을 때와 별도로 작동한다. 나는 차트를 최신 상태로 유지하기 위해 계산된 속성을 사용하려고 노력해왔다.하지만 그 때 다음과 같은 오류가 발생한다. Error in callback for watcher "chartData": "TypeError: Cannot set property 'data' of undefined" TypeError: Cannot set property 'data' of undefined 도넛차트.vue: 앱차트.vue: Chart..

Vuex 저장소에 올바르게 추가할 수 없음 나는 이 Vuex 2 가게를 가지고 있다. const datastore = new Vuex.Store({ state: { socketcluster: { connection: false, channels: [] }, selected_offers: [] }, mutations: { addOffer: function(offer) { datastore.state.selected_offers.push(offer) // first problem: cannot just use state.offers as it throws an undefined } }, getters: { getOffers: function(){ return datastore.state.selected_of..

vue js로 div graggable을 만드는 방법? 나는 vue 컴포넌트 안에 div가 있는데, 나는 그 컴포넌트를 끌 수 있게 만들고 싶다.나는 많은 vue draggable 플러그인과 함께 확인했지만, 그것들은 각 draggable에서와 같이 추가하기 위한 지침으로서가 아니라 드래그하기 위한 분리된 구성요소를 가지고 있다.이것 좀 도와줄래?노드 모듈에 vuedraggable을 추가하십시오. 실을 덧씌우다. 그 다음: import draggable from 'vuedraggable' ... export default { components: { draggable, } 그럼 이런게 필요하겠지 https://github.com/SortableJS/Vue.Draggable참조URL: https://sta..

내보내는 모듈에는 이 항목의 컨텍스트가 제공되지 않음 나는 그 문제의 공식화가 불쾌하다.개선을 제안하는 것이 용기를 내라.또한, 부끄럼(불안함)으로 인해 내가 hte 문제에 대한 진단에 결함이 있을 수 있다는 것을 명심해라.미안하다. 이 답안에서는 다음과 같은 방법을 사용할 것을 제안한다.this.$store.xxx내 코드에서 실패하는 이유는this정의되지 않았다.나는 코드 작성자가 한 어리석은 짓(그건 나일 것)을 강하게 의심하고 있으므로, 내 컴포넌트 레이아웃의 도식을 제시하겠다. 의도된 방법은 두 가지 요소를 만드는 랜딩 페이지 인덱스.js를 가지고 있다는 것이다. 하나는 애플리케이션의 시각적 요소를 위한 것이고 다른 하나는 정보의 저장을 위한 것이다.비주얼 앱은 탐색 모음(그리고 나중에 렌더링 영..

"strict: true"가 포함된 Vuex 스토어가 작동하지 않음 내가 설정할 때strict: true오류가 발생하는 경우: vue.js:525 [Vue warn]: Error in watcher "state" (found in root instance) warn @ vue.js:525 run @ vue.js:1752 update @ vue.js:1720 notify @ vue.js:584 reactiveSetter @ vue.js:814 Transform.resize @ transform.js:169 e.resize @ map.js:343 e._onWindowResize @ map.js:1204 vue.js:1756 Uncaught Error: [vuex] Do not mutate vuex store..

빈 Vuex Store 상태를 포착하지만 초기화할 때 계산된 속성이 이에 반응하도록 하는 방법 나는 Vue Storefront에서 Vuex와 함께 프로젝트를 하고 있다. 내 웹샵에서 제품을 분류하기 위해 다음과 같은 요소를 가지고 있다. {{ attribute.title }} 어디에v-for="attribute in getSortingAttributes"사용 가능한 모든 필터에 대한 검사 수행 이러한 필터는 다음과 같은 계산된 속성을 통해 Vuex Store State에서 호출된다. getSortingAttributes: function () { if (store.state.tweakwise.tweakwiseLayeredNavigationAttributes .properties.sortfields ) {..