Question

我正在使用Vue 2.4.4。我一直在寻找gettin URL查询参数，建议以下大多数地方：

this.$route.query.test

$ route是不确定的，您需要做一些特殊的事情才能使它工作吗？

多亏了tanathos，我找到了解决方案：

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

var index = new Vue({
el: '#index',
router,
mounted: function () {

    alert(this.$route.query.test);

Answer 1

在main.js（或应用程序的入口点）中，首先需要导入VueRouter：

import Vue from "vue";
import VueRouter from 'vue-router';

并使用它扩展Vue：

Vue.use(VueRouter);

这时，您需要创建路由器的真实实例，并根据应用程序的需要对其进行配置：

const router = new VueRouter({
  /* your configuration options */
});

您在Vue根实例中注入了该实例：

new Vue({
  router,
  /* etc... */
});

此时，应该可以从任何Vue组件中使用$ router和$ route对象。

网址查询参数

1 个答案: