내 Vuex 저장소에는 다양한 복잡성을 가진 개체가 포함되어 있습니다. 일부는 중첩 된 객체를 포함하고 일부는 중첩 객체의 배열을 포함합니다. setProperty(state,{ type, id, prop, value })
{
state[type][id][prop] = value;
}
을하지만 신속하게 중첩 된 객체, 객체의 배열 복잡합니다
나는 "vuex-persistedstate.js"하지만 콘솔에서 오류를 표시 포함했다 const store = new Vuex.Store({
state: {
user: {
userName:'',
loggedInStatus: true,
authToken: ''
}
},
m
내가 루프 V-에 대한 구성 요소 내부 HREF를 만들 문자열 보간을 사용하려고 해요 : <template>
<div class="pa4">
<div v-for="item in navigationItems">
<a href="'#'${item}">{{item}}</a>
</div>
</div>
</template>
Vuex를 사용할 때 v- 모델을 사용하여 입력에서 양방향 바인딩을 수행하기 위해 계산 된 속성 설정 메서드를 사용해야합니다. 예를 들어, 내 HTML에서 : <input v-model="name" ... />
그리고 계산 된 특성 : computed: {
name: {
get: function() {
return this.
이 있지만, 지금은 때문에 루프의 vuex에서 값을 얻기에 몇 가지 문제가 무엇입니까 내 상점과 같이 보입니다 : categoires: [
{
name: 'category1',
id: '1',
path: '/category1',
subcategories: [
{
name: 'subcat1',
나는 장바구니에 모든 항목을 보관하기 위해 Vuex 저장소를 사용하고 있습니다. 가게에 두 가지 작업있다 : 페이지로드에 호출되는 getCartContent, addToCart (차례로 세션에서 데이터를 검색하는 백엔드에서 초기 컨텐츠를 가져옵니다)하는 사용자가 장바구니에 클릭 버튼을 클릭하면 <Products> 구성 요소에 의해 전달됩니다. 구성 요소 내
공식 사이트에서 예제를 작성했습니다. Example computed: { filteredData: function() {})
어떻게 filteredData 얻을 수 (계산 속성) 전 세계적으로? Espiccially 다른 곳으로 보내고 싶다면. 데모. $ 저장소에는 계산되지 않은 원래 속성 만 포함됩니다. 이를 달성하는 유일한 방법은 데모입니다. $ c
Vue Dev Tools에서 getter를 볼 수 있지만 구성 요소의 내 Vuex 모듈 중 하나에서 게터에 액세스 할 수 없습니다. 내 store.js 파일 : import Vue from 'vue';
import Vuex from 'vuex';
import subsub from './modules/subsub';
Vue.use(Vuex);
exp
내가 활성화 할 때/간단한 스피너를 desactivate 업데이트되지 않습니다. 나는 스피너의 상태를 처리하기 위해 상점을 작성했습니다 : const spinnerStore = {
state: {
isActive: false
},
mutations: {
startSpinner: function (state) {
Vuex를 사용하면 모든 데이터를 vuex/state에 저장하는 것이 더 좋습니다. 조금 혼란 스럽습니다. API (예 : UserDetail)에서 가져온 일부 데이터는 구성 요소에서 공유 할 필요가 없으며 쉽게 소품으로 전달할 수 있습니다. 그런 종류의 데이터를 Vuex/State에 보관해야합니까? Promise로 데이터를 가져 오지 않거나 Vuex/Ac