반응형

Vuex 3

새 배열이 DOM에서 렌더링되지 않습니다.

새 배열이 DOM에서 렌더링되지 않습니다. 작업관리 목록 항목을 삭제한 후 콘솔에 해당 작업관리는 삭제되지만 목록은 다시 렌더링되지 않으며 삭제된 작업관리는 여전히 목록에 있는 것으로 표시됩니다.getTasks를 통해 목록을 다시 렌더링해야 할 때 전체 목록은 동일하게 유지됩니다.삭제 방법과 새 작업관리 방법을 만드는 ids가 일치하지 않을 수 있습니다. 이해할 수 없습니다. https://stackblitz.com/edit/nuxt-bootstrap-vue-dynamic-img-bkwixg?file=pages%2Findex.vue,store%2Findex.js,components%2FTask.vue // Child component {{ task.todo }} Delete // Parent compon..

programing 2023.07.15

경로 전환 시 Vuex 재설정 저장소 변수

경로 전환 시 Vuex 재설정 저장소 변수 이전 경로로 돌아가서 vuex에 저장된 변수를 재설정하는 방법을 만들려고 합니다.지금까지 시도한 결과는 다음과 같습니다. (템플릿의 구성 요소에서) Back 구성 요소 스크립트에서 다음을 수행합니다. import { mapGetters } from 'vuex' methods: { ...mapGetters([ 'movies' ]), bar () { this.$router.go(-1) this.movies=[] } } 그리고 내 vuex 스토어: export const store = new Vuex.Store({ state:{ movies : [] }, getters: { movies: state => { return state.movies } }, mutation..

programing 2023.07.10

Typescript/Vue - Prop의 기본 개체를 선언할 때 vuex 저장소에 액세스하려면 어떻게 해야 합니까?

Typescript/Vue - Prop의 기본 개체를 선언할 때 vuex 저장소에 액세스하려면 어떻게 해야 합니까? Vue-Typescript 프로젝트에서 "data"라는 이름의 프롭을 선언했으며, 이 프롭에 대해서도 객체 구조를 기본값으로 정의하기를 원합니다.일부 필드는 다국어이므로 사용자가 활성화한 모든 활성 언어를 반환하는 vuex 저장소에 액세스해야 합니다.이를 통해 필드를 동적으로 생성할 수 있습니다.제가 어떻게 이 일을 해낼 수 있는지 아는 사람 있나요? export default class CompanyForm extends Vue { public dialog = false; @Prop({default: { name: '', address: this.$store.state.Language.d..

programing 2023.06.10
반응형