Vue中通过URL传递参数

在Vue中,除了使用push 和进行页面跳转和参数传递之外,还可以使用URL链接进行参数传递,这些参数携带在链接地址后面,比如:/Users/xiaofeiniao/Desktop/Vue/URLParam.html#/home/10001/oo/www.baidu.com,

中间10001 ,oo,www.baidu.com都是在地址中传递的参数,而home是其中的一个子路由,

HTML的测试代码如下:



	
	





	

在传递过来的模板页面,可以通过$route.params来获取,比如在上面代码中获取

{{$route.params.id}}{{$route.params.name}}{{$route.params.imageUrl}}

 

你可能感兴趣的:(Vue)