How to modify routing parameters by vue
This article mainly introduces "how vue modifies routing parameters". In daily operation, I believe many people have doubts about how vue modifies routing parameters. Xiaobian consulted various materials and sorted out simple and easy operation methods. I hope to help you answer the doubts about "how vue modifies routing parameters"! Next, please follow the small series to learn together!
The specific steps are as follows:
1. First, create a new html project and introduce vue and vue-router into the project;
import Vue from 'vue'
import Router from 'vue-router'
2. After vue and vue-router are introduced, register the route in the project using Vue.use method;
Vue.use(Router)
3. After the route is registered, execute the following code in the page to define and configure the route;
export default new Router({
routes: [
{
path : '/',
name : 'Home',
component : HelloWorld,
children:[
{path:'/', component: Child},
]
},
]
})
4. Finally, after the route is configured, the merge module can be used in the project to modify the route parameters;
1) Use maxPrice method in merge module to modify original parameters
this.$ router.push({
query:merge(this.$ route.query,{'maxPrice':'630'})
})
2) Add parameters using addParams method in merge module
this.$ router.push({
query:merge(this.$ route.query,{'addParams':'new parameters'})
})
3) Replace parameters with maxPrice method in merge module
his.$ router.push({
query:merge({},{'maxPrice':'630'})
At this point, the study of "how to modify routing parameters by vue" is over, hoping to solve everyone's doubts. Theory and practice can better match to help you learn, go and try it! If you want to continue learning more relevant knowledge, please continue to pay attention to the website, Xiaobian will continue to strive to bring more practical articles for everyone!
