Styjun

Is there a concise way to say "all of the X, one of each"?

What do you call a plan that's an alternative plan in case your initial plan fails?

Is there a Spanish version of "dot your i's and cross your t's" that includes the letter 'ñ'?

Can Pao de Queijo, and similar foods, be kosher for Passover?

I am not a queen, who am I?

How does a Death Domain cleric's Touch of Death feature work with Touch-range spells delivered by familiars?

Using et al. for a last / senior author rather than for a first author

What is the musical term for a note that continously plays through a melody?

Does surprise arrest existing movement?

How do I mention the quality of my school without bragging

Why is black pepper both grey and black?

Did Xerox really develop the first LAN?

How to draw this diagram using TikZ package?

Is it true to say that an hosting provider's DNS server is what links the entire hosting environment to ICANN?

How do I keep my slimes from escaping their pens?

Is it true that "carbohydrates are of no use for the basal metabolic need"?

Why don't the Weasley twins use magic outside of school if the Trace can only find the location of spells cast?

How discoverable are IPv6 addresses and AAAA names by potential attackers?

Disable hyphenation for an entire paragraph

How to find all the available tools in macOS terminal?

Why does Python start at index -1 when indexing a list from the end?

How to bypass password on Windows XP account?

List *all* the tuples!

Output the ŋarâþ crîþ alphabet song without using (m)any letters

How do I monitor a deep value in object while using vuex

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

Please check this example.

https://codepen.io/suedar/pen/XGyGOj

After I click the li, the div is required to display which is not.

I know it is because Reactivity in Depth.
I want to know how can I monitor a deep value in object while using vuex. Thanks for ur answer.

javascript vue.js vuex

share|improve this question

edited Mar 22 at 9:30

suedar

asked Mar 22 at 8:23

suedarsuedar

968

add a comment | 

0

Please check this example.

https://codepen.io/suedar/pen/XGyGOj

After I click the li, the div is required to display which is not.

I know it is because Reactivity in Depth.
I want to know how can I monitor a deep value in object while using vuex. Thanks for ur answer.

javascript vue.js vuex

share|improve this question

edited Mar 22 at 9:30

suedar

asked Mar 22 at 8:23

suedarsuedar

968

add a comment | 

Please check this example.

https://codepen.io/suedar/pen/XGyGOj

After I click the li, the div is required to display which is not.

I know it is because Reactivity in Depth.
I want to know how can I monitor a deep value in object while using vuex. Thanks for ur answer.

javascript vue.js vuex

share|improve this question

edited Mar 22 at 9:30

suedar

asked Mar 22 at 8:23

suedarsuedar

968

share|improve this question

edited Mar 22 at 9:30

suedar

asked Mar 22 at 8:23

suedarsuedar

968

share|improve this question

edited Mar 22 at 9:30

suedar

asked Mar 22 at 8:23

suedarsuedar

968

asked Mar 22 at 8:23

suedarsuedar

968

asked Mar 22 at 8:23

suedarsuedar

968

1 Answer
1

active

oldest

votes

0

Deep watch should work on Vuex store as well.

import mapState, mapMutations from 'vuex';

export default 
 computed: 
 ...mapState([
 'allCategory'
 ])
 ,

 methods: 
 ...mapMutations([
 'CHANGE_ALL_CATEGORY'
 ]),

 toggleTab(index, isShow) 
 // ...some action
 this.CHANGE_ALL_CATEGORY(allCategory);
 ,
 ,

 watch: 
 allCategory: 
 handler(val) 
 this.CHANGE_ALL_CATEGORY(val);
 ,
 deep: true
 
 

share|improve this answer

answered Mar 22 at 8:43

jomjom

2,36621021

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55295528%2fhow-do-i-monitor-a-deep-value-in-object-while-using-vuex%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

Deep watch should work on Vuex store as well.

import mapState, mapMutations from 'vuex';

export default 
 computed: 
 ...mapState([
 'allCategory'
 ])
 ,

 methods: 
 ...mapMutations([
 'CHANGE_ALL_CATEGORY'
 ]),

 toggleTab(index, isShow) 
 // ...some action
 this.CHANGE_ALL_CATEGORY(allCategory);
 ,
 ,

 watch: 
 allCategory: 
 handler(val) 
 this.CHANGE_ALL_CATEGORY(val);
 ,
 deep: true
 
 

share|improve this answer

answered Mar 22 at 8:43

jomjom

2,36621021

add a comment | 

0

Deep watch should work on Vuex store as well.

import mapState, mapMutations from 'vuex';

export default 
 computed: 
 ...mapState([
 'allCategory'
 ])
 ,

 methods: 
 ...mapMutations([
 'CHANGE_ALL_CATEGORY'
 ]),

 toggleTab(index, isShow) 
 // ...some action
 this.CHANGE_ALL_CATEGORY(allCategory);
 ,
 ,

 watch: 
 allCategory: 
 handler(val) 
 this.CHANGE_ALL_CATEGORY(val);
 ,
 deep: true
 
 

share|improve this answer

answered Mar 22 at 8:43

jomjom

2,36621021

add a comment | 

Deep watch should work on Vuex store as well.

import mapState, mapMutations from 'vuex';

export default 
 computed: 
 ...mapState([
 'allCategory'
 ])
 ,

 methods: 
 ...mapMutations([
 'CHANGE_ALL_CATEGORY'
 ]),

 toggleTab(index, isShow) 
 // ...some action
 this.CHANGE_ALL_CATEGORY(allCategory);
 ,
 ,

 watch: 
 allCategory: 
 handler(val) 
 this.CHANGE_ALL_CATEGORY(val);
 ,
 deep: true
 
 

share|improve this answer

answered Mar 22 at 8:43

jomjom

2,36621021

import mapState, mapMutations from 'vuex';

export default 
 computed: 
 ...mapState([
 'allCategory'
 ])
 ,

 methods: 
 ...mapMutations([
 'CHANGE_ALL_CATEGORY'
 ]),

 toggleTab(index, isShow) 
 // ...some action
 this.CHANGE_ALL_CATEGORY(allCategory);
 ,
 ,

 watch: 
 allCategory: 
 handler(val) 
 this.CHANGE_ALL_CATEGORY(val);
 ,
 deep: true
 
 

share|improve this answer

answered Mar 22 at 8:43

jomjom

2,36621021

answered Mar 22 at 8:43

jomjom

2,36621021

answered Mar 22 at 8:43

jomjom

2,36621021