goodsource

컴포넌트에 상태가 표시되는 이유는 무엇입니까? 제가 알기로는 vuex의 요점은 돌연변이/액션/게터를 통해서만 컴포넌트에 노출시킴으로써 상태의 일관성을 보장하는 것입니다. 그러나 컴포넌트는 돌연변이/액션을 사용하지 않고 $store.state를 직접 조작할 수 있기 때문에 상태가 일관되지 않을 수 있습니다. vuex 상태가 직접 노출되는 이유는 무엇입니까?돌연변이/행동/게터 등을 사용하는 것이 권장되는 베스트 프랙티스이지만 반드시 따라야 하는 것은 아닙니다. getter를 쓰기에는 다소 오버킬이 될 수 있는 상태의 값을 읽고 싶을 수도 있습니다. 저는 중앙 집중식 시스템 없이 상태를 변화시키기 시작하면 혼란스러워질 수 있기 때문에 항상 일관성을 유지하기 위해 행동과 행동을 취하려고 노력합니다. 예를 들어 ..

vuex에서 반응하지 않는 getter 팔로워가 있다store정의: state: () => ({ infoPackCreationData: null, infoPackCreationTab: null, }), getters: { infoPackImage(state: any) { return state.infoPackCreationTab && state.infoPackCreationTab.infopackContents ? state.infoPackCreationTab.infopackContents.filter((item: any) => item.type === "IMAGE") : []; } }, mutations: { setImageData(state:any, infopackImageData: any) { sta..

매퍼를 사용한 양방향 바인딩 계산 속성 Vue 2 프로젝트에서 vuex를 사용합니다. 이 HTML 요소를 사용하여 양방향 바인딩을 구현하려고 합니다. computed: { message: { get () { return this.$store.state.obj.message }, set (value) { this.$store.commit('updateMessage', value) } } } inside get and set 코드가 더 깔끔하게 보이도록 맵퍼를 사용합니다. computed: { message: { get () { return ...mapState("obj", ["message"]) }, set (value) { ...mapMutations("obj/updateMessage", value) }..

경고를 수정할 수 없습니다. 중복 키가 검색되었습니다: '0'.이로 인해 업데이트 오류가 발생할 수 있습니다. Vue js에서 vue.runtime.esm.js?2b0e:619 [Vue warn]라는 경고가 발생합니다.중복된 키 '0'이(가) 검색되었습니다.이로 인해 업데이트 오류가 발생할 수 있습니다. 계산된 변수에서 getter와 setter를 사용하여 값을 Vuex 스토어에 디스패치해 보았습니다. 다음은 html 요소의 코드입니다. ...some code ...some code 다음은 계산된 변수의 코드입니다. tappingPressure:{ get () { return this.$store.getters.tappingPressure }, set (value) { this.$store.dispatc..

v-for 구성 요소가 실시간으로 업데이트되지 않음 상위 컴포넌트가 있습니다.DataVuex에서 상태를 가져옵니다. 이 상태를 사용하여 하위 구성 요소를 생성합니다.TableVuex 데이터 중 일부를 소품으로 전달합니다. 이 모든 것이 컴퓨터 안에 있습니다.v-for. 나의Table컴포넌트도 Vuex 상태를 변환합니다.또한 Vuex 상태가 정상적으로 변환되는 것을 알 수 있습니다.Data컴포넌트(vue dev tool)를 사용해도 데이터 컴포넌트는 my components의 소품을 업데이트하지 않습니다.Table구성 요소들.몇 가지 문제가 있습니다. 컴포넌트 및 계산된 값에 예약된 이름 사용 안 함(사용 안 함table) 상태가 객체의 배열 또는 중첩 객체의 경우 반응하지 않을 수 있습니다.오브젝트/어레..

Laravel vue.js 및 vuex 본문 텍스트를 ID별로 링크하여 새 구성 요소에 표시 저는 Laravel과 Vuex에 매우 익숙하지 않습니다. 제 페이지에 간단한 게시물이 있습니다. 테스트 1 테스트 2 테스트 3 AppPost에 있는 텍스트를 링크하려고 합니다.vue 구성 요소와 새 구성 요소(AppShowpost.vue)에서 클릭한 게시물을 동일한 페이지에 표시합니다.아이디로 게시물을 받아서 주를 바꿔야 한다고 생각해요?어떤 도움이라도 좋습니다.감사합니다. 테스트 1을 클릭하면 새로운 컴포넌트(AppShowpost.vue)에 "테스트 1"이 표시됩니다. 내 스토어 timeline.js에 대해 id로 투고를 받고 상태를 변경해야 한다고 생각합니다. import axios from 'axios' ..

Vue-auth가 vuex 작업 내 $auth에 액세스합니다. vue-cli 애플리케이션 인증에 Vue-auth 패키지를 사용하고 있습니다.모든 것이 정상적으로 동작하고 있습니다만, vue 액션으로 이 코드에 액세스 하면, 이 코드가 반환됩니다.undefined.감 잡히는 게 없어요? const AuthService = { test(data) { console.log(this.$auth) }, } 패키지: https://github.com/websanova/vue-authVue에서 패키지의 인증 인스턴스에 액세스할 수 있습니다.auth 속성. import Vue from 'vue' const AuthService = { test(data) { console.log(Vue.auth) }, } 언급URL :..

Vue mapState 상태 이름 변경 계산 결과 추적하려는 "로드" 상태가 두 개 있습니다.이 구문을 사용하여 에일리어스를 다른 상태에 추가하는 방법이 있습니까? computed: { ...mapState('barcodes', ['barcodes', 'loading', 'pagination']), ...mapState('users', ['user', 'loading']), // add an alias for this "loading" } mapState는 다음과 같은 오브젝트 방식을 지원했습니다. (1개의 필드에 대해서만 특정 에일리어스) computed: { ...mapState('barcodes', { barcodesLoading: state => state.loading, }) } 또는 네임스페이..

Vue의 이상한 표기법: const { state = {} = 이.$store; 이미 생성된 프로젝트를 따르고 있는데 Vue 프로젝트에서 Vuex를 사용한 다음 표기법을 발견했습니다. const { state = {} } = this.$store; const { orders = {} } = state; Vuex 저장소의 값과 동일하게 설정된 state라는 이름의 로컬 개체를 정의하는 것 같습니다.그리고 그것을 "orders"라고 불리는 다른 오브젝트와 동일하게 설정합니다만, 표기법 자체는 잘 모르겠습니다.즉, 이것이 나타내는 것은 다음과 같습니다. { variable = {} } = anotherObj 또, 이 표기법이 존재하는 경우는, 그 표기법이라고 부릅니다.(클론을 복제하는 방법인 것 같기 때문에 ..

다시 Vue.nextTick을 Vuex 변환에 사용하는 것이 관례입니까?뭔가 부서질까? 내가 아는 한 Vuex의 돌연변이는 동기화되어야 한다. Vuex.nextTick내가 제대로 이해하면 결국 비동기화 된다.그럼 돌연변이에 그것을 사용하는 것이 다시 관례가 되는 건가요?뭔가 부서질까?이렇게 해봤는데 정상적으로 동작하는 것 같았지만, 예를 들어 Dev Tools를 사용한 이전 상태로 되돌아가지는 않았습니다. 알려드립니다.사용하고 있다nextTick불필요한 반복을 피하기 위해 일부 정렬을 연기합니다.혹시 그 문제에 대한 다른 해결책이 있나요?돌연변이 대신 액션을 사용할 수 있다는 것은 알지만, 이미 가지고 있는 액션을 돌연변이로 바꾸고 싶었습니다.그게 저에게 더 나은 선택인 것 같아서요.하지만 그들은 이 코..