factcode

Vuex의 세 마침표 구문? 저는 지도 국가가 무엇을 하는지 확신하지 못합니다. 그것 말고는... 그 앞에 있는 것이 무엇을 의미하는지 말이죠.가이드에서는, 예를 들면 「리포트」라고 기재되어 있습니다. computed: { ...mapState({ messages: state => state.messages }) } Vuex를 사용하여 대규모 애플리케이션을 구축하는 경우 매장을 분리하는 대신 한 곳에서 관리해야 합니다. 예를 들어, 대규모 스토어가 있고 스토어에는 다음과 같은 여러 주가 있습니다. const store = { states: { todo: { notes : { ... }, username: { ... }, nickname: { ... } }, checklist: { list: { ... }..

VueJ: 컴포넌트에 생성하기 전에 계산된 속성이 계산됩니까? 다음과 같은 컴포넌트가 있습니다. export default { name: 'todos', props: ['id'], created () { this.fetchData() }, data() { return { } }, computed: { todos () { return this.$store.state.todos[this.id] } }, methods: { async fetchData () { if (!this.$store.state.todos.hasOwnProperty(this.id)) { await this.$store.dispatch('getToDos', this.id) } } } } 지금 일어나고 있는 일은 다음과 같습니다. 컴포넌트가..

다른 구성 요소에 사용되는 Vuex 어레이를 변환하는 중 첫 번째 컴포넌트에는 VueX에 저장된 값을 사용하여 어레이를 변경하는 기능이 있습니다. methods: { //get a function that changes the pickedlist array that is stored in vuex store ...mapActions([ 'updatePickedDates' ]), ...mapGetters([ 'dates' ]), resetArray() { this.updatePickedDates(this.dates} } 다른 컴포넌트 이 어레이에 전달된 VueX의 getter를 사용합니다. computed: { ...mapGetters(["managementNews"]) } 단, 이 경우resetArray..

Vue - 이 기능을 사용하거나 액세스할 수 없습니다.mixin 파일의 $120 또는 vue 인스턴스 src/mixins/chechauthMixin.js 파일은 다음과 같습니다. export const checkauthMixin = { methods: { validateAuthentication: function(path) { if(this.$store.getters.isAuthenticated) { this.$router.push('/dashboard') } } } } 그런데 여기서 'this'라는 단어는 정의되지 않은 것 같아요.컴포넌트 또는 my routes.js 파일에서 이 mixin 메서드를 호출합니다.vue 인스턴스에 액세스하려면 어떻게 해야 합니까?이것이 불가능할 경우 이러한 시나리오에 대한..

Vuex: 하위 구성 요소가 상위 구성 요소 디스패치 작업을 기다립니다. 상위 컴포넌트(대시보드): 하위 구성 요소(개요): Welcome {{user.cn[0]}} // Works {{project.name}} // Does not work at refresh 대시보드 구성 요소(상위)에서 vuex 작업을 사용하여 사용자 데이터를 가져옵니다.dispatch('user/getUser)그 후 이 사용자의 프로젝트를 가져옵니다.dispatch('project/getProject). 내 Overview 컴포넌트(하위)에서 이 사용자의 프로젝트 정보를 표시합니다.나는 나의 전화mapGetters컴포넌트 변수가 있습니다.runningprojects안에서.data()제 안에.mounted()라이프 사이클 데이터를 ..

Nuxt 구성 요소가 업데이트되지 않지만 저장소가 예상대로 업데이트되고 있습니다. 이미 좋은 도움을 받은 후(Vue가 처음이라 많은 것을 배우고 있습니다) 또 다른 질문이 있습니다.컴포넌트 상태가 정상적으로 갱신되고 있습니다.검색 필드에 값을 입력하면 이 값이 API로 전송되고 API가 응답하여 상태를 업데이트합니다.문제는 현재 뷰에서 갱신된 컴포넌트를 실제로 표시하기 전에 루트를 클릭(새로고침/f5를 사용하지 않음)해야 한다는 것입니다.지금까지의 코드: search.vue(학생 보간, 더미 데이터 상관 없음) {{ student.subject }} • {{ student.age }} jaar {{ tutor.name }} {{ student.hourlyRate }}€ per uur {{ student...

키를 사용하여 개체를 삭제해도 vue 구성 요소가 업데이트되지 않음 키를 사용하여 오브젝트를 삭제하려고 하는데 컴포넌트를 업데이트하려고 합니다.vuex를 사용하고 있습니다. 이것이 내가 노력하는 방법이다. 제 오브젝트 구조는 이렇습니다. 115:Object 116:Object 열쇠가 있어요.115, 116삭제하려고 합니다. delete state.fixture[i] 이 코드는 객체를 삭제하지만, 문제는 고정 장치의 상태가 바뀌었는데도 컴포넌트가 업데이트되지 않는다는 것입니다.업데이트하려면 어떻게 해야 하나요?감사합니다.사용하다 import Vue from 'vue' Vue.delete(state.fixture, i) Vue.delete 개체의 속성을 삭제합니다.개체가 반응하는 경우 삭제 트리거가 업데이트..

Uncaught TypeError: 라우터.각각은 함수가 아닙니다. 데모 어플리케이션 https://github.com/skyronic/vue-spa 를 사용하려고 합니다. Vuex 프로젝트를 시작하는데 Unaught TypeError: router 오류가 발생합니다.각각은 함수가 아닙니다. vuex-sync에 관한 것입니다. 온라인에서 아무것도 찾을 수 없으니 누가 좀 도와주시겠어요? 메인.js 엔트리 포인트는 다음과 같습니다. import App from './pages/App' import router from './router' import store from './vuex/store' import { sync } from 'vuex-router-sync' sync(store, router) ro..

Vuex v-model을 개체 상태 필드로 다음과 같은 Vuex 상태가 있습니다(게터라는 이름의 것도 있습니다).configs: configs: { 1303401: { exampleValue: 'test' } } 또한 v-model을 사용하여exampleValueVuex 스토어 상태: 다음은 다음 중 하나를 반환하기 위해 사용하는 계산 속성은 다음과 같습니다.config: config: { get () { return this.$store.getters.configs[1303401] }, set (value) { //this should set the configs[1303401] field with the updated exampleValue this.$store.dispatch('UPDATE_CONF..

웹 소켓 돌연변이를 사용하여 vuex를 구성하는 방법 vue+vuex+vue-native-websocket을 사용합니다.vuex에서 웹 소켓 메시지를 처리하는 문서에 따르면 SOUTE_... 돌연변이를 사용해야 합니다. 지금은 store/index.js 파일에 있는 모든 메시지를 다음과 같이 처리합니다. mutations: { ... SOCKET_ONMESSAGE(): { switch(message.cmd) { case 'userRsp' ... case 'connectionRsp' ... case 'otherDataRsp' etc. } } 원하는 것은 user.js vuex 모듈의 모든 사용자 관련 데이터와 connections.js vuex 모듈의 모든 연결 데이터를 처리하는 것입니다. 각 컴포넌트 내..