概述
如果你也是飞快的学完了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 如何传递参数 ,传参请看这里所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复