标签:获取数据 解耦 ref local 本地 asc guid get guide
这是数据: data: ‘chalk‘
这是router/index.js中的两个路由地址: { path: ‘/theme‘, name: ‘theme‘, component: Theme }, { path: ‘/theme/:id‘, name: ‘themeedit‘, component: ThemeEdit }
这是固定路由地址: { path: ‘/theme/themeedit‘, name: ‘themeedit‘, component: ThemeEdit }
用法解答:
A页面利用: this.$router.push({ path: `/theme/${this.data}` }) 获得你想要的数据
利用桥梁(路由地址):{ path: ‘/theme/:id‘, name: ‘theme‘, component: ThemeEdit }
B页面可以通过: $route.params.id 获取数据
例如:内容中利用插槽表达式 {{ $route.params.id }}
或者赋值给私有数据:this.data = this.$route.params.id
但是,路由地址会带有数据,此时页面地址为: http://localhost:8080/#/theme/chalk
A页面利用: this.$router.push({ name: ‘themeedit‘, params: { id: this.data } })
利用桥梁(路由地址):{ path: ‘/theme/themeedit‘, name: ‘themeedit‘, component: ThemeEdit }
B页面数据获取方式和上面相同
此时页面路由地址固定为:http://localhost:8080/#/theme/themeedit
标签:获取数据 解耦 ref local 本地 asc guid get guide
原文地址:https://www.cnblogs.com/chalkbox/p/12549437.html