cyworld

Vue/Vuex 서브스크라이버가 기동하지 않는 이유는 무엇입니까? 사용자 인증을 localStorage에 저장하도록 Vuex 서브스크라이브 기능을 설정했는데 서브스크라이버가 부팅되지 않는 이유를 아무리 생각해도 알 수 없습니다.나는 심지어 그것을 얻을 수 없다.console.log()그것으로부터.여기 제 프로젝트의 관련 내용이 있습니다. main.discloss.main.discloss. import Vue from 'vue'; import Buefy from 'buefy'; import axios from 'axios'; import router from '@/router'; import store from '@/store'; import App from './App.vue'; import 'buefy..

Vuex에서 값을 반환하는 VueJ가 작동하지 않음 Vuex를 통해 다양한 컴포넌트로부터 메시징/경고 시스템을 클릭 방식으로 구현하려고 합니다(예를 들어 vuex getter에게 표시할 메시지를 알려주는 인수를 전달합니다).단, 데이터를 반환하지 않습니다. 단순한 플래시 메시징 시스템으로는 무리일 수 있지만 제대로 작동하면 더 큰 목적을 달성할 수 있습니다. 현재 Alert 컴포넌트를 통해 상태 alert Messages 배열에 일치하는 메시지키/이름을 전달하고 있습니다만, 최종적으로 메서드 호출 시 Login Component에서 전달됩니다. 구조: • App.vue --> • Alert component --> • Login component (login method) --> • NavHeader c..

Nuxt - 글로벌 믹스인에서 Getter를 호출하는 방법 안녕하세요 여러분, 제가 작성한 믹스인 코드입니다.기본적으로 사용하고 싶기 때문입니다.오류와 오류입니다.vue 레이아웃2개의 레이아웃으로 코드가 중복되는 것을 피하려고 합니다. export default { provide () { return { copyRight: this.getCopyrightText, email: this.getEmail, socials: this.getSocials } }, computed: { getMenu () { return this.store.getters['general/getMenu'].menu }, getSocials () { return this.store.getters['general/getSocialDet..

Nuxt.js 앱의 Vuex 스토어에서 값을 설정하는 방법 사용한 적이 없다Vuex와 함께Nuxt.js그래서 나는 그 문제를 만났다.여기 제 것이 있습니다.store/index.js파일: export const state = () => ({ wrongCredentials: false, logged: false, uxd: null }) export const mutations = { setWrongCredentials(state, value) { state.wrongCredentials = value }, setLogged(state, value) { state.logged = value }, setUxd(state, value) { state.uxd = value }, } 보시다시피 상태와 돌연변이가 있..

vuejs 2 매개 변수가 사용될 때 vuex에서 저장소 값을 감시하는 방법 파라미터를 사용할 때 스토어 값의 변화를 감시하려면 어떻게 해야 합니까?보통 getter를 통해 이 작업을 수행하지만 getter가 파라미터를 받아들이기 때문에 이 시나리오 또는 스택 Q/A에 대한 문서를 찾을 수 없기 때문에 까다롭습니다. (데모를 위해 코드는 최소화됩니다)My store.js : import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); let report = { results: [], }; export const store = new Vuex.Store({ state: { broken: Object.assign({}, report), }, results:..

테스트에서 vue 계산 속성을 수동으로 업데이트하는 방법 컴포넌트가 있습니다.FooVuex 바인딩 포함mockedVuexBinding(이것은 본질적으로 계산된 지지대입니다). 나는 테스트를 단순하게 하고 전체 가게를 조롱하고 싶지 않다.테스트에서 계산된 스터브로 교체한 모든 vuex 바인딩은 다음과 같습니다. const wrapper = shallowMount(Foo, { computed: { mockedVuexBinding: () => 'foo' } } 하지만 알고보니, 그 때 제가 그 사람의 행동을 실험해 봐야 할 것 같아요.Foo계산된 속성 변경 시 릴레이합니다.따라서 계산된 값을 사용하여 컴포넌트가 어떻게 반응하는지 테스트합니다(예: 새로운 값을 내보냅니다). 같은 방법은 없다setComputed..

Vue 캔버스 구성 요소를 JS 개체에서 분리하는 중 캔버스 렌더링 라이브러리(PIXI)의 래퍼인 순수 JS 오브젝트를 가지고 있습니다.이 질문은 여기까지 하겠습니다.Engine이렇게 생겼죠. class Engine{ constructor(options) { this.renderer = PIXI.autoDetectRenderer(options.width, options.height); // [...] // Add the canvas to the HTML document // * renderer.view is canvas element // * options.element is some for example this.options.element.appendChild(this.renderer.view); }..

상태를 사용하여 형식을 바인딩하는 동안 Nuxt JS에서 변환 오류를 가져오는 중 Nuxt JS의 vuex 스토어에 폼 필드를 바인딩하려고 합니다.일반 텍스트 필드에서는 정상적으로 동작합니다.get() set()에computed그러나 수동으로 가져오고 설정하는 데 어려움을 겪고 있습니다.오브젝트를 템플릿에서 특정 포맷의 어레이에 푸시하여 저장하고 바인딩을 유지하려고 합니다.코드는 다음과 같습니다. Mobile Number {{index+1}}* Add More Mobile Number 이것은 내가 vue에 있을 때 잘 작동했지만, nuxt에 와서는 오류가 발생하고 있다. [vuex]는 변환 핸들러 외부의 vuex 스토어 상태를 변환하지 않습니다. 에러에서 알 수 있듯이, 스테이트를 변환하지 말아 주세요...

Vue에서 B-modal에서 폼 데이터를 제출하는 방법 이 때문에 Form data를 제출하는 데 문제가 있습니다.b-modalVue 컴포넌트에 있습니다.개발 도구에서 데이터 객체에 데이터가 채워져 있는 것을 확인할 수 있지만 양식을 제출하면 데이터가 전송되지 않습니다. 여기 서식이 있습니다 Cancel Create 다음은 구성 요소의 데이터 개체 및 메서드입니다. data() { return { modalShow: false, user: { name: '', email: '', password: '', } } }, components:{ 'b-modal': bModal, }, directives: { 'b-modal': bModalDirective }, computed: { ...mapGetters([..

스토어 인스턴스를 작성하기 전에 Vue.use(Vuex)를 호출해야 합니다. 왜 이 오류가 발생하는지 알 수 없습니다.모든 게 제대로 된 것 같아요.이렇게 구성 요소로 저장소를 가져옵니다. import store from './store'; new Vue({ components: { SomeComponent }, store }); 저희 가게는 이렇게 생겼어요. import Vue from 'vue'; import Vuex from 'vuex'; import * as getters from './getters'; import * as actions from './actions'; import mutations from './mutations'; Vue.use(Vuex); export default new ..