实现点击后跳转页面时,传递两个页面间的关键参数 vue-router

102 阅读1分钟

image.png

1.将关键参数传给url

①使用router提供的a标签,跳转到带有关键参数的url(提供value) image.png

②在路径申明中,提供关键参数的名字,实现绑定(绑定key) image.png

2.跳转后的页面获取url上的关键参数

通过this.$router.params接受到参数(接收{key:value}) image.png

3.接受错误处理

当关键参数出现问题时,需要重定向路到指定path。 image.png