add query parameter of some url to every url of the site in vue js project
If there is a query parameter in some url, for example, some.url?inviteId=123. Then user jump to any other link of the same site, the parameter of invitedId attaches to the other url link. How to do this?
vue.js vuejs2 vue-router
asked Nov 21 at 2:16
soarinblue
437512
add a comment |
If there is a query parameter in some url, for example, some.url?inviteId=123. Then user jump to any other link of the same site, the parameter of invitedId attaches to the other url link. How to do this?
vue.js vuejs2 vue-router
asked Nov 21 at 2:16
soarinblue
437512
add a comment |
If there is a query parameter in some url, for example, some.url?inviteId=123. Then user jump to any other link of the same site, the parameter of invitedId attaches to the other url link. How to do this?
vue.js vuejs2 vue-router
asked Nov 21 at 2:16
soarinblue
437512
If there is a query parameter in some url, for example, some.url?inviteId=123. Then user jump to any other link of the same site, the parameter of invitedId attaches to the other url link. How to do this?
vue.js vuejs2 vue-router
vue.js vuejs2 vue-router
asked Nov 21 at 2:16
soarinblue
437512
asked Nov 21 at 2:16
soarinblue
437512
asked Nov 21 at 2:16
soarinblue
437512
asked Nov 21 at 2:16
soarinblue
437512
asked Nov 21 at 2:16
soarinblue
437512
437512
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I'm not sure I understood. But you can access the inviteId with Vue-router in any component by doing:
this.$route.query;
The on created life hook or on a watch you can do something like:
this.$router.push({ path: 'new-path', query: this.$route.query });
Vue Router Docs: https://router.vuejs.org/guide/
answered Nov 21 at 2:25
José Eduardo Kimura
105
The new-path must be any other url in the project. How to know the value of the 'new-path'?
– soarinblue
Nov 22 at 3:08
You'll need to set it in your routes (usually in a dedicated file, as shown on VueRouter)const routes = [` { path: '/foo', component: Foo },` ` { path: '/bar', component: Bar }`]Then you will be free to them in any component
– José Eduardo Kimura
Nov 23 at 11:57
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
});
}
});
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%2f53404417%2fadd-query-parameter-of-some-url-to-every-url-of-the-site-in-vue-js-project%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I'm not sure I understood. But you can access the inviteId with Vue-router in any component by doing:
this.$route.query;
The on created life hook or on a watch you can do something like:
this.$router.push({ path: 'new-path', query: this.$route.query });
Vue Router Docs: https://router.vuejs.org/guide/
answered Nov 21 at 2:25
José Eduardo Kimura
105
The new-path must be any other url in the project. How to know the value of the 'new-path'?
– soarinblue
Nov 22 at 3:08
You'll need to set it in your routes (usually in a dedicated file, as shown on VueRouter)const routes = [` { path: '/foo', component: Foo },` ` { path: '/bar', component: Bar }`]Then you will be free to them in any component
– José Eduardo Kimura
Nov 23 at 11:57
add a comment |
I'm not sure I understood. But you can access the inviteId with Vue-router in any component by doing:
this.$route.query;
The on created life hook or on a watch you can do something like:
this.$router.push({ path: 'new-path', query: this.$route.query });
Vue Router Docs: https://router.vuejs.org/guide/
answered Nov 21 at 2:25
José Eduardo Kimura
105
The new-path must be any other url in the project. How to know the value of the 'new-path'?
– soarinblue
Nov 22 at 3:08
You'll need to set it in your routes (usually in a dedicated file, as shown on VueRouter)const routes = [` { path: '/foo', component: Foo },` ` { path: '/bar', component: Bar }`]Then you will be free to them in any component
– José Eduardo Kimura
Nov 23 at 11:57
add a comment |
I'm not sure I understood. But you can access the inviteId with Vue-router in any component by doing:
this.$route.query;
The on created life hook or on a watch you can do something like:
this.$router.push({ path: 'new-path', query: this.$route.query });
Vue Router Docs: https://router.vuejs.org/guide/
answered Nov 21 at 2:25
José Eduardo Kimura
105
I'm not sure I understood. But you can access the inviteId with Vue-router in any component by doing:
this.$route.query;
The on created life hook or on a watch you can do something like:
this.$router.push({ path: 'new-path', query: this.$route.query });
Vue Router Docs: https://router.vuejs.org/guide/
answered Nov 21 at 2:25
José Eduardo Kimura
105
answered Nov 21 at 2:25
José Eduardo Kimura
105
answered Nov 21 at 2:25
José Eduardo Kimura
105
answered Nov 21 at 2:25
José Eduardo Kimura
105
105
The new-path must be any other url in the project. How to know the value of the 'new-path'?
– soarinblue
Nov 22 at 3:08
You'll need to set it in your routes (usually in a dedicated file, as shown on VueRouter)const routes = [` { path: '/foo', component: Foo },` ` { path: '/bar', component: Bar }`]Then you will be free to them in any component
– José Eduardo Kimura
Nov 23 at 11:57
add a comment |
The new-path must be any other url in the project. How to know the value of the 'new-path'?
– soarinblue
Nov 22 at 3:08
You'll need to set it in your routes (usually in a dedicated file, as shown on VueRouter)const routes = [` { path: '/foo', component: Foo },` ` { path: '/bar', component: Bar }`]Then you will be free to them in any component
– José Eduardo Kimura
Nov 23 at 11:57
The new-path must be any other url in the project. How to know the value of the 'new-path'?
– soarinblue
Nov 22 at 3:08
The new-path must be any other url in the project. How to know the value of the 'new-path'?
– soarinblue
Nov 22 at 3:08
You'll need to set it in your routes (usually in a dedicated file, as shown on VueRouter)
const routes = [ ` { path: '/foo', component: Foo },` ` { path: '/bar', component: Bar }` ] Then you will be free to them in any component– José Eduardo Kimura
Nov 23 at 11:57
You'll need to set it in your routes (usually in a dedicated file, as shown on VueRouter)
const routes = [ ` { path: '/foo', component: Foo },` ` { path: '/bar', component: Bar }` ] Then you will be free to them in any component– José Eduardo Kimura
Nov 23 at 11:57
add a comment |
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f53404417%2fadd-query-parameter-of-some-url-to-every-url-of-the-site-in-vue-js-project%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
