vue.js this.$route.params始终为空

问题：vue.js this.$route.params始终为空

答案：

在Vue.js中，this.$route.params是用于获取路由参数的属性。然而，如果this.$route.params始终为空，可能是由以下几个原因导致的：

路由参数未正确配置：首先，确保你的路由配置中定义了参数。在Vue Router中，可以使用冒号（:）来定义动态路由参数。例如，如果你的路由路径是"/user/:id"，那么:id就是一个参数。确保你的路由配置中正确定义了参数。
路由参数未传递：如果路由参数未传递，那么this.$route.params将为空。在使用路由跳转时，确保你传递了正确的参数。例如，使用<router-link>组件进行跳转时，可以通过to属性传递参数。如果使用编程式导航，可以在跳转方法中传递参数。
路由参数未更新：如果你在同一个组件中多次切换路由，但是参数未更新，那么this.$route.params可能会保持为空。这是因为Vue Router默认情况下不会重新创建组件实例，而是复用已存在的实例。为了解决这个问题，可以使用watch监听$route对象的变化，并在变化时更新参数。

综上所述，如果this.$route.params始终为空，你可以检查路由参数的配置、传递和更新情况。如果问题仍然存在，可以查看Vue Router的文档或寻求进一步的帮助。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）

产品介绍链接地址：https://cloud.tencent.com/product/cvm

页面内容是否对你有帮助？

有帮助

没帮助

vue.js this.$route.params始终为空

vue.js、vue-router

Quasar.start(() => { el: '#q-app', console.log(this$route.params) router, render: h => h(require('.(too many lines) console.log(this.

浏览 4提问于2018-01-25得票数 0

1回答

vue-ts中的类型“VueRouter”上不存在属性“”history“”

typescript、vue.js、vue-router、eslint、typescript-typings

我在一个应用程序中使用typescript vue，这个错误来自于我试图访问传递到路由中的参数的组件，如下所示 properties = getModule(PropertiesModule, this$store); id = this.router.history.current.params.id; } return this$store.state.app.months;

浏览 668提问于2020-10-26得票数 2

回答已采纳

2回答

为什么this.$route.params为空？

vue.js、vue-router

我希望将数据传递到另一个页面，并使用以下代码：那么，我期望项目等于数据，但是项是空的。 let item = this.$route.params;

浏览 9提问于2022-03-09得票数 1

1回答

vue-路由器中的多选项键值

javascript、vue.js、vue-router

使用vue-路由器，我需要创建一个可以处理多个可选参数的路由。例如，我需要一条能够处理以下内容的路由：实际上我编写了这样的代码 mode: 'history', routes: [ { path: '/something/a/:a/b/:b/c/:c', component:

浏览 5提问于2020-09-04得票数 1

回答已采纳

2回答

在根路由NuxtJS中使用get参数

nuxt.js

在index.vue中，我有： beforeMount () {} 我正在尝试使用URL中的params来访问它，但this.$route.params为空。

浏览 0提问于2019-04-16得票数 0

回答已采纳

1回答

Vue Router -未传递params

parameters、vuejs2、router、vue-router

我似乎不能使用程序导航来传递参数，路径改变了，但是有一个空的对象参数。/App.vue'; template: `<h1>Hello {{$route.params}} </h1>`,template> export default { data () { msg: '

浏览 0提问于2018-04-24得票数 4

2回答

为什么.$侦听器在Vue JS中没有定义？

vue.js

Vue.js版本： 2.4.2 template: `<h1>My Component</h1>`, alert(this.

浏览 3提问于2017-10-24得票数 0

3回答

vue-路由器this.$route.params为空

vue.js、vue-router

/assets/logo.png"> oh: {{this./components/ProjectAboutBox' name: 'App', console.dir(this.$route.params) components: {

浏览 0提问于2018-06-13得票数 2

回答已采纳

2回答

vue组件this.$子项始终为空

javascript、html、vue.js

/node_modules/vue/dist/vue.js"></script><body> <selection></div> Vue.component("selection", { mounted:

浏览 4提问于2019-01-20得票数 0

2回答

Vue将数据传递给POST方法

javascript、vue.js

我使用的是vue-resource，在文档中是：我想放入头文件，它工作正常(服务器读取头文件正确)： headers: { }或者定义一些数据并放在那里，如下所示： <

浏览 3提问于2017-02-19得票数 7

1回答

Vue.js BreadCrumbs

javascript、vue.js

目前，我的BreadCrumbs in vue.js 2.0如下所示： <ol class="Breadcrumb"> </router-link> <li class="Breadcrumb-item" v-for="item in this

浏览 0提问于2016-12-18得票数 1

回答已采纳

2回答

Vue.js:当只有路由更改的参数时，无法触发组件的就绪

javascript、mvvm、ecmascript-6、vue-router、vue.js

我在vue-路由器上使用Vue.js 1.0。reload() { }, ready() { reload(); };我已将路由器项配置为： '/home': { name:

浏览 5提问于2016-10-24得票数 0

回答已采纳

1回答

具有上下文和params的Nuxt vue路由器问题

javascript、typescript、vue.js、nuxt.js、vue-router

我就这样保存着它： this.path: '/playlists/quiz', params: { id } });然后当我想读这条路线上的对白时，我被推倒了 console.log(this$route.params);它正在返回一个空对象{}第二个问题是，我在asyncData中使用asyncData有问题。$get(`http:/

浏览 4提问于2021-03-11得票数 1

回答已采纳

1回答

如何单击用户&在Vuejs路由器的另一个组件/视图中显示用户详细信息？

javascript、vue.js、vuejs2、axios、vue-router

我正在和Vuejs一起做一个项目，我需要做以下几点：我使用来获取用户列表& 。<template> <!-- List Rendering the response data st

浏览 1提问于2019-04-18得票数 0

回答已采纳

1回答

vue.js在挂载函数中访问this.$route.params

vue.js、routes

> data: function () { directorId: thisresponse.data; }, computed: { var v = thisreturn this.movies.filter(movie => movie.director.id === v)

浏览 2提问于2021-01-10得票数 0

1回答

无法从Vue路由器传递组件中的属性

javascript、vue.js、vuejs2、vue-router

嗨，我试图从我的vue路由器传递道具，但它不打印任何东西，当登录时它返回未定义，但它的值当我尝试console.log(this.'id'], <div>Hello # {{id}}</div> mounted() { console.log(this

浏览 14提问于2021-10-07得票数 0

回答已采纳

1回答

在VueJS中重定向时，如何从一个组件传输到另一个组件？

session、redirect、vue.js、vue-router

beforeCreate () { .then(response => { this.params: { error: 'not_logged' } }) })这是登录表单，以及我如何尝试检索params的内容 creat

浏览 29提问于2018-09-10得票数 0

1回答

如何传递自定义道具和路由器道具？

vue.js、vue-router

我试着用重定向把道具从一个页面传递到另一个页面。以下是重定向的代码： Edit Amount下面是路由器中路由的原始代码： path: "/inventory/shipment", props: { screen: "

浏览 3提问于2020-06-03得票数 0

回答已采纳

7回答

我试图在Vue.js中设置输入元素的焦点。我在网上找到了一些帮助，但这些解释对我都没有用。.$$ and this.$els doesn't work }</script> 我尝试了this.$$.nameInput.focus();和this.$els.nameInput.focus();来寻找我可以在网上找到的焦点，但是this.$$没有定义，this.$els是空的。如果可以的话，我使用的是<em

浏览 11提问于2016-01-22得票数 28

回答已采纳

3回答