programing

Vue.set /Vue.delete 대신 Vue.js 스프레드 연산자

abcjava 2023. 6. 30. 21:48
반응형

Vue.set /Vue.delete 대신 Vue.js 스프레드 연산자

나는 반응성을 유지하면서 객체 속성을 추가/제거하기 위해 스프레드 연산자를 사용하고 싶습니다.

Vuex 변환에서는 다음과 같이 작동합니다.

Vue.set(state.sportTypes.sports, sportName, sportProperties)

하지만 저는 스프레드 연산자를 사용하고 새로운 객체를 반환하고 싶습니다.어떻게 하면 다음을 달성할 수 있습니까?

state.sportTypes.sports = {...state.sportTypes.sports, {sportName: sportProperties}}

다음의 브래킷을 제거해야 합니다.{sportName: sportProperties}

이렇게 하면 됩니다.

state.sportTypes.sports = { ...state.sportTypes.sports, sportName: 'football' }

그러나 새 속성을 동적으로 추가하는 대신 가능한 모든 필드를 선언하는 것이 좋습니다. 그러면 사용할 필요가 없습니다.Vue.set확산 연산자도 아닙니다.

언급URL : https://stackoverflow.com/questions/42181103/vue-js-spread-operator-instead-of-vue-set-vue-delete

반응형