vueX 6

D3로 처리하기 위해 Nuxt.js 프레임워크에서 CSV 파일 가져오기

D3로 처리하기 위해 Nuxt.js 프레임워크에서 CSV 파일 가져오기 저는 D3 차트를 Nuxt 프레임워크(Nuxt에 매우 생소한)에 통합하려고 하는데, 문제는 DOM에서 D3로 그래프를 그릴 수 있도록 여러 CSV 파일을 만드는 방법입니다. D3에서는 CSV 기능에 대한 간단한 호출입니다. d3.csv('myData.csv, function (error, myData) { if (error) throw error } Nuxt.js 프레임워크에서 이 간단한 기능을 수행하는 것은 (저에게) 힘든 일로 판명되었습니다.먼저 저는 의 d3.csv 함수를 사용하여 로드하려고 했습니다.mounted:스크립트의 섹션: 하지만 두 변수 모두myData또는this.myData이 방식으로 로드하면 DOM에서 사용할 수 ..

source 2023.07.19

Vuex 작업: 다른 작업 내의 작업 액세스(디스패치 없음, Promise.all을 연결해야 함)

Vuex 작업: 다른 작업 내의 작업 액세스(디스패치 없음, Promise.all을 연결해야 함) vuex 작업 내에서 몇 가지 다른 작업(모든 약속)의 결과를 기다려야 합니다.중첩 발송을 피하고 싶은데 Promise.all을 사용하여 할 수 있는 방법이 있습니까?예: Promise.all([ action1, action2 ]) .then(() => { // do the thing }); 수행한 작업이 약속을 반환하는 경우 - 네, 그렇게 할 수 있습니다.예를들면 let res1 = this.$store.dispatch('action1', data1); let res2 = this.$store.dispatch('action2', data2); Promise.all([ res1, res2 ]) .then(..

source 2023.07.04

컴포지션 API로 Vuex 모듈 게터를 사용하려면 어떻게 해야 합니까?

컴포지션 API로 Vuex 모듈 게터를 사용하려면 어떻게 해야 합니까? 이것은 나의 Vuex getter입니다. const getters = { getMovieById: state => id => { debugger; return state.movies.find(movie => movie.id === id); } }; 구성 요소에서 모듈을 가져오는 중입니다. import movieMod from "../store/modules/movies"; Getter의 반환된 값을 내 반응형 객체에 저장하고 있습니다. movie = movieMod.getters.getMovieById(parseInt(props.id)); 그러면 다음 기능이 반환됩니다. (id) { debugger; return state.movie..

source 2023.06.24

데이터, 방법 및 계산을 글로벌 가치로 만들려면 어떻게 해야 합니까?

데이터, 방법 및 계산을 글로벌 가치로 만들려면 어떻게 해야 합니까? 내 코드는 다음과 같습니다. ... export default { data () { return { currentDate: this.$moment().format('YYYY-MM-DD') } }, computed: { birthdayFormatted () { return this.formatBirthday(this.birthday) }, }, methods: { formatBirthday (date) { if (!date) { return null } const d = this.$moment(date).format('DD MMM YYYY') return d } } } 예를 들어, 저는 그런 A 구성 요소를 가지고 있습니다. 현재 날짜 ..

source 2023.06.14

복잡한 v-if 문을 사용하지 않고 VueJ가 비동기 상태를 가져옵니다.

복잡한 v-if 문을 사용하지 않고 VueJ가 비동기 상태를 가져옵니다. Vue-Router와 Vuex(Store)를 사용하는 어플리케이션이 있습니다. 대시보드 구성 요소에 사용자 정보가 표시됩니다.Vue는 해당 사용자 정보를 데이터베이스(async)에서 가져와 스토어에 푸시합니다. 서브 컴포넌트에서는 스토어를 통해 이 정보에 액세스합니다.문제는 서브컴포넌트를 처음 로드할 때 스토어의 사용자 엔트리가 비어 있다는 것입니다. TypeError: $setup.user is null이 문제를 해결하는 한 가지 방법은v-if모든 요소들 앞에서.하지만, 나는 이것이 깔끔하다고 생각한다. 돌아다니고 싶어도 돼?v-ifhtml을 사용할 수 있습니까? User.vue: UserDashboard: {{ user.name..

source 2022.11.05

Vue watch 어레이에서 이전 값과 새 값이 동일하게 푸시됨

Vue watch 어레이에서 이전 값과 새 값이 동일하게 푸시됨 Vuex를 사용하고 있는데 다음과 같은 claims라는 모듈을 만들었습니다. import to from 'await-to-js' import { functions } from '@/main' import Vue from 'vue' const GENERATE_TX_SUCCESS = 'GENERATE_TX_SUCCESS' const GENERATE_TX_ERROR = 'GENERATE_TX_ERROR' export default { state: [ ], mutations: { [GENERATE_TX_SUCCESS] (state, generateTxData) { state.push({ transaction: { ...generateTxData }..

source 2022.10.15