Can Vuex dynamically share data across tabs?
I have an application that displays information and has a control panel component and a display component. The control panel has three views, there's the main display that shows the current element in the array, the left shows the previous and the right shows the next. (these are all placeholder photos by the way)
Then there's the main display component that displays the current element on another tab/page. The buttons work perfectly for this page, but I'd like for the buttons to change the display component on another page dynamically. So when I click the previous button, the current and other page should reflect that change. I've tried playing with vuex store, but that doesn't dynamically update the data and component on other pages. I would appreciate any insight that could point me in the right direction!
vue.js vue-component vuex
asked Nov 27 '18 at 3:34
Jennica RamonesJennica Ramones
156
add a comment |
I have an application that displays information and has a control panel component and a display component. The control panel has three views, there's the main display that shows the current element in the array, the left shows the previous and the right shows the next. (these are all placeholder photos by the way)
Then there's the main display component that displays the current element on another tab/page. The buttons work perfectly for this page, but I'd like for the buttons to change the display component on another page dynamically. So when I click the previous button, the current and other page should reflect that change. I've tried playing with vuex store, but that doesn't dynamically update the data and component on other pages. I would appreciate any insight that could point me in the right direction!
vue.js vue-component vuex
asked Nov 27 '18 at 3:34
Jennica RamonesJennica Ramones
156
Possible duplicate of Communication between tabs or windows
– ceejayoz
Nov 27 '18 at 3:35
1
(You could also use something like websockets to sync updates.)
– ceejayoz
Nov 27 '18 at 3:36
Vuex would still be a way to encapsulate the data synchronization, no matter what method you use.
– Jim B.
Nov 27 '18 at 5:02
@ceejayoz hmm, I think I'll go in the direction of using vuex to store data but also using local storage to retrieve it in the other tabs. I guess I thought vuex would do it alone.
– Jennica Ramones
Nov 27 '18 at 8:14
add a comment |
I have an application that displays information and has a control panel component and a display component. The control panel has three views, there's the main display that shows the current element in the array, the left shows the previous and the right shows the next. (these are all placeholder photos by the way)
Then there's the main display component that displays the current element on another tab/page. The buttons work perfectly for this page, but I'd like for the buttons to change the display component on another page dynamically. So when I click the previous button, the current and other page should reflect that change. I've tried playing with vuex store, but that doesn't dynamically update the data and component on other pages. I would appreciate any insight that could point me in the right direction!
vue.js vue-component vuex
asked Nov 27 '18 at 3:34
Jennica RamonesJennica Ramones
156
I have an application that displays information and has a control panel component and a display component. The control panel has three views, there's the main display that shows the current element in the array, the left shows the previous and the right shows the next. (these are all placeholder photos by the way)
Then there's the main display component that displays the current element on another tab/page. The buttons work perfectly for this page, but I'd like for the buttons to change the display component on another page dynamically. So when I click the previous button, the current and other page should reflect that change. I've tried playing with vuex store, but that doesn't dynamically update the data and component on other pages. I would appreciate any insight that could point me in the right direction!
vue.js vue-component vuex
vue.js vue-component vuex
asked Nov 27 '18 at 3:34
Jennica RamonesJennica Ramones
156
asked Nov 27 '18 at 3:34
Jennica RamonesJennica Ramones
156
edited Nov 27 '18 at 3:44
Jennica Ramones
asked Nov 27 '18 at 3:34
Jennica RamonesJennica Ramones
156
asked Nov 27 '18 at 3:34
Jennica RamonesJennica Ramones
156
asked Nov 27 '18 at 3:34
Jennica RamonesJennica Ramones
156
156
Possible duplicate of Communication between tabs or windows
– ceejayoz
Nov 27 '18 at 3:35
1
(You could also use something like websockets to sync updates.)
– ceejayoz
Nov 27 '18 at 3:36
Vuex would still be a way to encapsulate the data synchronization, no matter what method you use.
– Jim B.
Nov 27 '18 at 5:02
@ceejayoz hmm, I think I'll go in the direction of using vuex to store data but also using local storage to retrieve it in the other tabs. I guess I thought vuex would do it alone.
– Jennica Ramones
Nov 27 '18 at 8:14
add a comment |
Possible duplicate of Communication between tabs or windows
– ceejayoz
Nov 27 '18 at 3:35
1
(You could also use something like websockets to sync updates.)
– ceejayoz
Nov 27 '18 at 3:36
Vuex would still be a way to encapsulate the data synchronization, no matter what method you use.
– Jim B.
Nov 27 '18 at 5:02
@ceejayoz hmm, I think I'll go in the direction of using vuex to store data but also using local storage to retrieve it in the other tabs. I guess I thought vuex would do it alone.
– Jennica Ramones
Nov 27 '18 at 8:14
Possible duplicate of Communication between tabs or windows
– ceejayoz
Nov 27 '18 at 3:35
Possible duplicate of Communication between tabs or windows
– ceejayoz
Nov 27 '18 at 3:35
1
1
(You could also use something like websockets to sync updates.)
– ceejayoz
Nov 27 '18 at 3:36
(You could also use something like websockets to sync updates.)
– ceejayoz
Nov 27 '18 at 3:36
Vuex would still be a way to encapsulate the data synchronization, no matter what method you use.
– Jim B.
Nov 27 '18 at 5:02
Vuex would still be a way to encapsulate the data synchronization, no matter what method you use.
– Jim B.
Nov 27 '18 at 5:02
@ceejayoz hmm, I think I'll go in the direction of using vuex to store data but also using local storage to retrieve it in the other tabs. I guess I thought vuex would do it alone.
– Jennica Ramones
Nov 27 '18 at 8:14
@ceejayoz hmm, I think I'll go in the direction of using vuex to store data but also using local storage to retrieve it in the other tabs. I guess I thought vuex would do it alone.
– Jennica Ramones
Nov 27 '18 at 8:14
add a comment |
0
active
oldest
votes
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
});
}
});
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
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53492347%2fcan-vuex-dynamically-share-data-across-tabs%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53492347%2fcan-vuex-dynamically-share-data-across-tabs%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
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
Required, but never shown
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
Required, but never shown
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
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Possible duplicate of Communication between tabs or windows
– ceejayoz
Nov 27 '18 at 3:35
1
(You could also use something like websockets to sync updates.)
– ceejayoz
Nov 27 '18 at 3:36
Vuex would still be a way to encapsulate the data synchronization, no matter what method you use.
– Jim B.
Nov 27 '18 at 5:02
@ceejayoz hmm, I think I'll go in the direction of using vuex to store data but also using local storage to retrieve it in the other tabs. I guess I thought vuex would do it alone.
– Jennica Ramones
Nov 27 '18 at 8:14