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

更新日期: 2018-09-05 阅读次数: 3595 分类: 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);
    },
});

爱评论不评论

近期节日

2019年04月26日 知识产权日
2019年04月30日 全国交通安全反思日
2019年05月01日 国际劳动节
2019年05月04日 五四青年节
2019年05月06日 立夏
2019年05月08日 世界红十字日
2019年05月08日 世界微笑日
2019年05月12日 国际护士节
2019年05月12日 母亲节
2019年05月12日 佛诞
2019年05月15日 国际家庭日
2019年05月17日 世界电信日
查看更多节日