使用 vue-router 获取 URL 查询参数

更新日期: 2018-09-05 阅读次数: 1010 分类: VueJS

引入 vue-router.min.js,然后与 Vue 实例绑定即可

例如: http://www.sunzhongwei.com/test_vue?name=zhongwei

var router = new VueRouter({
    mode: 'history',
    routes: []
});

new Vue({
    router,
    el: '#my_app',
    mounted: function() {
        var name = this.$route.query.name;
	console.log(name);
    },
});

爱评论不评论

近期节日

2018年11月17日 国际大学生节
2018年11月20日 国际儿童日
2018年11月21日 世界问候日
2018年11月22日 小雪
2018年11月22日 感恩节
2018年12月01日 世界艾滋病日
2018年12月03日 国际残疾人日
2018年12月07日 大雪
2018年12月09日 "一二九"运动纪念日
2018年12月09日 世界足球日
2018年12月10日 世界人权日
2018年12月12日 西安事变纪念日
查看更多节日