Vue组件不会在路由URL参数更改时更新

文章/答案/技术大牛

发布

1回答

vue.js、vuejs2、vue-router

所以我有一个组件，一旦它像这样被挂载，它就会执行代码： mounted(){ .then$route.params.username 但是，如果我更改URL参数，用户名不会更新，因此我的AXIOS调用不会更新我的标记。为什么会发生这种情况？

浏览 19提问于2019-01-18得票数 1

回答已采纳

2回答

包含v-once指令的组件的Vue.js强制重呈现。

javascript、vue.js、vue-component、vue-router

Vue 2.0 我有一个组件，它包含一个div，它使用v-once指令来防止重呈现。这个组件更新它在URL参数更改时显示的数据(即单击vue-路由器链接，更改在组件中使用的url和参数)。该组件成功地使用新数据(基于URL )重新呈现所有内容，除外，只有、带有v-once指令的div除外。该div不会刷新、重新加载或重新呈现。有办法强制整个<em

浏览 5提问于2016-11-29得票数 3

回答已采纳

1回答

使Vue Router查询在父组件级别持续存在

javascript、vue.js、vuejs2、vue-router

我有一个应用程序，其中一个组件Foo被用作路由app/foo的模板。此组件具有子组件，这些子组件也用作路由的模板：app/foo/bar、app/foo/baz等。我将一个全局vuex存储对象绑定到路由的query属性，这样，如果该对象设置为{ a: 1, b: 2 }，则url参数将更改为?a=1&b=2；如果用户将参数更改为?a=0&b=0，则该对

浏览 1提问于2017-04-03得票数 3

1回答

VueJS:点击相同的“路由器链接”后重新创建组件？

javascript、vue.js、vuejs2、vue-router

有了vue.js和vue-路由器，是否有一种方法可以在单击“路由器链接”后重新创建一个组件，从而导致与当前路由相同的路由？基本上，如果单击指向当前路由的“路由器链接”可以重新启动组件的“已创建()”或“挂载()”函数，那就太好了。也许有一个"$watch“的把戏，或者类似的，我真的不知道！

浏览 1提问于2018-04-09得票数 2

回答已采纳

2回答

我的问题与Vue中的Vue-路由器模块有关.根据文档，我们只能以编程方式更改当前的最后一部分。因此，$router.push只会更改这个链接的'3‘部分：http://localhost:8080/#/1/2/3 在我的特殊情况下，我希望重新加载数据，并动态地更改整个URL，如：http://localhost是否有替代$router.push的方法，但是哪些部分也会改变URL的其他部分？

浏览 0提问于2019-03-11得票数 0

回答已采纳

1回答

在组件中定义子路由

vue.js、vuejs2、vue-router

浏览 17提问于2019-12-26得票数 0

2回答

在Vue.js中，如果只有路由变化中的参数，如何获得返回按钮来触发路由保护

vue.js、vuejs2、vue-router

name: 'items', path: 'items/:id', component: () => import('pages/Childitems'), props: true}http://localhost:8081/items/57 http://loc

浏览 0提问于2018-03-31得票数 5

回答已采纳

2回答

Nuxt.js路由器-无需重新加载新页面即可更改路由参数？

vue.js、nuxt.js、vue-router

我有一个带有Nuxt.js (v2.15.7)的单页应用程序，它需要从URL中获取两个参数。我可以使用什么路由器配置来仅获取两个参数，而不重新呈现整个页面？我尝试删除配置文件的component属性，但出现了page not found错误。尝试1：我尝试在根<Nuxt>组件上使用keep-alive，但这只缓存了每个页面。它仍然会在每次路由更改时重新挂载一次。尝试2：我使用define multiple parameters选项尝试了router-e

浏览 151提问于2021-07-21得票数 1

回答已采纳

4回答

在Vue* js中更改参数化子组件时如何防止父组件重新加载*

vue.js、vuejs2、vue-component、vue-router

我看过Vue的文档，似乎没有任何东西指出，只有当子组件有参数时，才会刷新子组件，因为每次选择安全性时，都会刷新父组件，因为路由正在更改，尽管预计Vue会知道只有sub (嵌套路由)在改变，因此只需要重新加载子组件中的路由器视图(用于安全性组件)： <v-layout> <router-view

浏览 0提问于2019-05-14得票数 22

回答已采纳

1回答

如何使用Vue路由器操作vue.js中的查询字符串

javascript、vue.js

我有一个带有标签组件的Vue.js应用程序。我想添加一个像这样的tag_ids组件，用户可以通过切换UI中的标签来添加url。虽然这是为了维护应用程序中的tag_ids。我还想让它们呈现在浏览器的url中，这样如果url是共享的，它看起来是一样的。我正在使用vue-router，我希望将tag_ids添加到查询字符串中，但不会在路径中强制使用新的路由。$路由器来操作查询参数吗？

浏览 1提问于2018-03-25得票数 1

1回答

当选择更改时更新路由参数

javascript、vue.js

在我的Vue.js (2.x)应用程序中，我有一个表示邮箱的组件，即显示消息列表。如果指定了messageId路由参数，则将首先选择带有此ID的消息。我还想更新messageId路由参数，以便用户可以(例如) 单击消息，从浏览器的地址栏复制(更新的) URL，打开一个新选项卡，粘贴URL以重新加载所选的邮件。但是，当所选消息发生变化时，我不确定如何更新路由参数？是

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

1回答

当URL参数更改时，RASR路由器6永远不要卸载组件

reactjs、react-router-dom

我们有一个问题的反应路由器v6。当URL参数更改时，它已经在使用挂载组件。永远不要卸载和挂载组件。生成的代码示例--如果在链接1和链接2之间切换(url参数(id)更改)，则link组件永远不会卸载和挂载：那么，当url参数更改时，如何使其卸载和挂载组件呢？

浏览 1提问于2022-07-21得票数 3

回答已采纳

2回答

路由器视图中的控制器与父级之间的双向绑定

vue.js、vue-router

我有一个单页面应用程序，它包含一个：我使用的是vue 2.0

浏览 2提问于2016-11-21得票数 2

1回答

当路由参数更改时，在Vue* 3组合API中动态更新数组属性*

vue.js

我的组件(带有复合API +脚本设置的Vue 3)有一个属性linkList。当路由参数id发生更改时，将更新此选项。示例{id: 1, name: 'foo'},这是我目前的代码： () => { console.log(i

浏览 5提问于2022-08-23得票数 1

回答已采纳

2回答

Vuejs <router-link>相同路由但参数不同

vue.js

我有一个组件:相同的路由但不同的参数 <router-link :to="{name: 'menu1-mostrar', params: {atr: var1}}"> </router-link> Menu2 </router-link&

浏览 100提问于2019-05-14得票数 0

1回答

在动态路径上反应重装组件

javascript、reactjs、react-router

有问题当用户转到/user/user1/到/user/user2/时，因为它不重新加载组件，而只是更新状态。我需要componentDidMount中的HTTP在用户名更改时执行。

浏览 5提问于2017-05-14得票数 0

回答已采纳

1回答

VueJs获得调用特定路由的推荐URL

javascript、vue.js、vuejs2、vue-router

我正在尝试从我的应用程序的特定路径中获得推荐URL。流动情况如下： router.beforeEach((to, from, next) => { console.log(from)}) 但是from url问题是，我不知道用户是直接调用returnUrl (禁止

浏览 1提问于2020-12-30得票数 0

4回答

VueJS中的模型URL参数

javascript、node.js、vue.js、vue-router

从开始，我只想操作一个范围输入元素，并使用该值进行URL更新。var Hello = Vue.component$mount('#app') <script src="https://

浏览 3提问于2021-09-04得票数 5

回答已采纳

1回答

如何编写既在路径A (挂载钩子)上运行又在到达路径A时运行的代码？

vue.js、vue-router

目前，为了让我在加载路径A或到达路径A时做一件事X，我需要写两次X： $route (to, from){ EventBus.$emit('actionIsSortable'); }async mounted () { EventBus.$emit('ac

浏览 0提问于2019-12-27得票数 0

6回答

VueJS:不使用查询参数的$router.push

vue.js、vue-router、nuxt.js、query-parameters

在我的NuxtJS(v.2.10.2)应用程序中，我有一个URL，如下所示，其中pid是post的id。.then(data => { thispid=${data.id}` });}

浏览 3提问于2020-02-15得票数 7

回答已采纳

点击加载更多