newsource

컴포넌트에서 메인인스턴스 usint $emit 또는 vuex로 이벤트를 내보내는 방법 메인 vuejs 인스턴스를 사용하여 sockets.io 연결 및 이벤트를 관리합니다.이 코드가 기능하지만 컴포넌트에서 부모 인스턴스로 이벤트를 전달하는 데 문제가 있습니다.코드는 vuex를 사용하는 크롬 확장자 안에 있지만 현재 vuex에 대해 잘 모릅니다.기본 인스턴스와 하위 구성 요소 간에 이벤트를 전달하려면 어떻게 해야 합니까?누군가 vuex를 사용하라고 제안했지만, 3개의 파일로 나뉘어져 있어 원하는 것을 어떻게 구해야 할지 현재로서는 알 수 없습니다. // main instance import Vue from 'vue' import App from './App' import store from '../store..

계산된 속성 및 Vuex Vuex에서 계산된 속성이 어떻게 작동하는지 잘 모르겠습니다.계산 게터를 사용하고 있습니다. var selectDisplayValues = computed({ get() { return store.getters['expense/getSelectDisplayValues']; } }); 저장소 데이터가 변경되면 계산 도구도 변경됩니다.아직까진 확실해요계산된 속성에 새 값을 할당하면 저장소 내부 값도 변경됩니다.부동산의 로컬 값뿐만 아니라왜 그렇죠?그러기 위해서는 계산 소품 내부에 세터가 필요하지 않을까요? 편집: 이렇게 새 값을 할당합니다. selectDisplayValues.value[`inputData[${props.index}][${props.attribute}]`] = {pl..

이미지를 vuex에 저장할 수 있습니까?한번 해볼까? 프로파일 썸네일을 저장하기 위해 접근하기 위해 노력하고 있습니다.사용자가 페이지를 새로고침할 때마다 이미지 경로를 가져오는 방법을 제거하여 리소스 소비를 최소화하고 싶기 때문입니다.이미지 데이터를 vuex에 저장할 수 있습니까?그렇다면, 우리가 해야 할까요?아니, 할 수 있어! 이미지 응답 후 이미지 전달URL.createObjectURL()(Doc). 그러면 이미지가 브라우저에 캐시되고 로컬 이미지 URL이 나타납니다.이 URL을 다시 사용할 수 있습니다. const imageUrl: string = URL.createObjectURL(response.data); if (imageUrl) { // Update your store with an obj..

Vue.js, Vuex, Vuex 저장소의 데이터가 변환될 때 컴포넌트 뷰가 반응하지 않음(알 수 없는 예외 포함) Vuex를 처음 사용하는데 $store에서 관리되는 searchResults 어레이와 관련된 문제, 특히 스토어가 변환되었을 때 SearchResults 뷰 컴포넌트가 반응하지 않는 이유 때문에 당황했습니다. 송신하면 검색 기능(믹스인)을 기동해, 스토어의 searchResults 배열을 갱신하는 액션을 디스패치 해, ViewSearchResults를 로드하는 검색 폼 컴포넌트가 있습니다.vue - 검색 결과가 표시되는 곳 - 작동 중입니다. 다음으로 ViewSearchResults 입니다.vue에는 검색 양식 구성 요소도 포함되어 있으며 이후 검색이 실행되면 다시 검색 기능이 성공적으로 ..

Vue2의 다른 구성 요소에서 구성 요소 업데이트 저는 2개의 컴포넌트가 있습니다.header 및 login. 인헤더 전환하고 싶다isLoggedIn true그리고.false에header에서 메서드가 호출되는 동안login 로그인 시 이 내용을 입력해 보았습니다. var userState = new Vue(); userState.$emit('userState', true) 그리고 이건 머리글에 있는 updated(){ userState.$on('userState', function(state) { this.isLoggedIn = state }) 하지만 그것은 효과가 없다.저 좀 도와 주시겠어요?고마워요.일반적인 솔루션은 Vuex(상태 관리 모듈)를 사용하는 것입니다.Vuex에 대한 답변은 생략하겠습니다...

Vuex와 array.findIndex: 일치하는 항목을 찾을 수 없습니다. array.findIndex가 동작하지 않는 것 같고, 찾고 있는 어레이에 일치하는 것이 있는 것은 확실합니다만, findIndex는 항상 -1을 반환합니다. let index = state.bag.findIndex((it) => { it.id === item.id console.log(it.id,it.id===item.id,item.id); }) console.log(index); 다음 콘솔로그가 표시됩니다. 00SEEB0BASU900XS false 00SEEB0BASU900S index.js:48 00SEEB0BASU900S true 00SEEB0BASU900S index.js:48 00SEEB0BASU900M false 0..

다른 Vue 컴포넌트에서 Vue 컴포넌트의 위치를 갱신하는 방법('반복') 닫았습니다. 이 질문은의견 기반의현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?이 게시물을 편집하여 사실과 인용문으로 답변할 수 있도록 질문을 업데이트하십시오. 1년 전에 문을 닫았어요 이 질문을 개선하다 Tl;dr: 다른 컴포넌트에서 컴포넌트 위치를 (계속적으로) 업데이트하려면 Vuex 스토어와 이벤트 버스 중 어느 쪽을 사용하는 것이 더 좋습니까? 응용 프로그램 사용자가 직접 비순환 그래프를 만들 수 있는 응용 프로그램을 만들고 있습니다.간단히 말해서, 캔버스가 있고panels각 패널에는 여러 개의 패널이 있습니다.inputs및 복수outputs사용자는 다른 패널의 입력에 출력을 연결할 수 있습니다.connect..

Vue/Vuex - 모듈2는 모듈1에 의존하며 모듈1은 서버로부터 데이터를 취득합니다. 이것 좀 봐. import accountModule from '@/store/modules/account/account'; import otherModule from '@/store/modules/other/other'; export default new Vuex.Store({ modules: { account: accountModule, other: otherModule, } }); 의 데이터 초기화other에 따라 다르다account모듈화(module:account모듈에는 사용자 고유의 설정이 있습니다.가정하다other.state.list에 의존하다account.state.settings.listOrder하지만, ..

페이지 새로고침 후 데이터가 사라짐 - vuexfire 안녕하세요 여러분 저는 다음과 같은 문제가 있습니다.나는 vuexfire를 쓴다.firestore에서 데이터를 바인드하면 나타나며 페이지를 새로고침하거나 다른 페이지를 방문했다가 돌아오면 데이터가 사라집니다.이 문제와 해결 방법을 아는 사람이 있습니까? 코드는 다음과 같습니다. main.discloss.main.discloss. import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' // fontawesome import { library } from '@fortawesome/fontawesome..

Vuex: 변환 시 평균 대괄호란 무엇입니까? 왜 돌연변이 값이 사용되는지 궁금하다."[]"Vuex에 있습니다. 코드는 무엇을 좋아합니까?""심술궂은가요? export const SOME_MUTATION = 'SOME_MUTATION' 그냥 함수의 상수 이름인가요?그렇다면 상수가 왜 로 쓰여 있는지 궁금하다."[]". 또한, 계산 또는 메서드 속성에서 사용될 때, 나는 왜 당신이 다음 코드를 전달하는지 궁금합니다.["SOME_ACTION"]대신"SOME_ACTION". ...mapActions(["SOME_ACTION"]), 시험 코드 export const SOME_MUTATION = 'SOME_MUTATION' import Vuex from 'vuex' import { SOME_MUTATION } f..