我是靠谱客的博主 怕孤单诺言,最近开发中收集的这篇文章主要介绍Vue-router props 如何传递参数 ,传参请看这里,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

如果你也是飞快的学完了Vue-router并立即投入使用的话,你可能遇到了这个问题:props传递参数,如何把想传的参数传给template,最后显示在router-view里头。废话不多说,上代码,只写有用部分:


const foobar={
	props:['epoch','movie','source','German'],
	template :"<div>典型电影:{{movie}}<br /><br />
			时期:{{epoch}}<br />
			来源:{{source}}<br />
			<br /><br /><br />
			真的{{German}}是德语
			</div>"
};

  const router = new VueRouter({
  	routes:[

  		{path:'/foobar是啥/:answer',
  		component:foobar,
  		props:{movie:'拯救大兵瑞恩',epoch:"二战时期",source:"盟军俚语",German:false}},

  	]
  })
最后一步要构建路由器别忘了。

什么?你不知道我在说什么?那还是回去再看看文档吧,先别用了,坑还会更多的……

就是那什么  const  XX= new Vue{()}……

这里有个小坑,会报错,请移步:http://blog.csdn.net/pluschang/article/details/78179086




最后

以上就是怕孤单诺言为你收集整理的Vue-router props 如何传递参数 ,传参请看这里的全部内容,希望文章能够帮你解决Vue-router props 如何传递参数 ,传参请看这里所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(46)

评论列表共有 0 条评论

立即
投稿
返回
顶部