Questions tagged «vue-router»

如何#!从网址中删除hashbang ？ 我在vue路由器文档（http://vuejs.github.io/vue-router/en/options.html）中找到了禁用hashbang的选项，但此选项已删除#!，只是放在# 有什么办法可以清理网址？ 例： 不： #!/home 但： /home

257 vue.js  vue-router 

如何在Vue.js中获取查询参数？ 例如http://somesite.com?test=yay。 找不到获取方法，或者我需要为此使用纯JS或某些库吗？

247 javascript  vue.js  vue-router  url-parameters 

我必须为支付网关使用两个外部脚本。现在，两者都放入index.html文件中。但是，我不想在一开始就加载这些文件。仅当用户打开特定组件（using router-view）时才需要支付网关。 反正有实现这一目标的方法吗？

150 javascript  vue.js  vuejs2  vue-component  vue-router 

我正在尝试做这样的事情： <div v-for="r in rentals"> <a bind-href="'/job/'r.id"> {{ r.job_title }} </a> </div> 我不知道如何将的值添加r.id到href属性的末尾，以便可以进行API调用。有什么建议？

141 vue.js  vue-router 

在我的主页上，我有一些下拉菜单，这些v-show=show链接通过单击链接显示@click = "show=!show"，我想show=false在更改路线时进行设置。请告诉我如何实现这件事。

134 vue.js  vuejs2  vue-router 

我想进行Vue.js类似于香草javascript 的重定向 window.location.href = 'some_url' 如何在Vue.js中实现？

133 vue.js  url-routing  vuejs2  vue-router 

我在更改输入字段时尝试使用Vue-router设置查询参数，我不想导航到其他页面，而只想在同一页面上修改url查询参数，我这样做是： this.$router.replace({ query: { q1: "q1" } }) 但这也会刷新页面并将y位置设置为0，即滚动到页面顶部。这是设置URL查询参数的正确方法，还是有更好的方法呢？ 编辑： 这是我的路由器代码： export default new Router({ mode: 'history', scrollBehavior: (to, from, savedPosition) => { if (to.hash) { return {selector: to.hash} } else { return {x: 0, y: 0} } }, routes: [ ....... { path: '/user/:id', component: UserView }, ] })

114 javascript  vue-router  vue.js 

我在此拉取请求中看到： 添加一个 router.reload() 重新加载当前路径并再次调用数据挂钩 但是，当我尝试从Vue组件发出以下命令时： this.$router.reload() 我收到此错误： Uncaught TypeError: this.$router.reload is not a function 我搜索了docs，但没有找到任何相关内容。vue / vue-router是否提供某些这样的功能？ 我感兴趣的软件版本是： "vue": "^2.1.0", "vue-router": "^2.0.3", PS。我知道这location.reload()是替代方法之一，但我正在寻找本机Vue选项。

101 vue.js  vue-router  vuejs2 

我有一个Vue 2项目，其中有许多（50+）个单文件组件。我将Vue-Router用于路由，将Vuex用于状态。 有一个名为helpers.js的文件，其中包含许多通用功能，例如将字符串的首字母大写。该文件如下所示： export default { capitalizeFirstLetter(str) { return str.charAt(0).toUpperCase() + str.slice(1); } } 我的main.js文件初始化了应用程序： import Vue from 'vue' import VueResource from "vue-resource" import store from "./store" import Router from "./router" import App from "./components/App.vue" Vue.use(VueResource) const app = new Vue({ router: Router, store, template: '<app></app>', components: { App } …

100 vue.js  vue-router 

Наэтотвопросестьответына堆栈溢出нарусском：КаквVUE路由器открытьссылкувновойвкладке？ 我有一个摘要页面和一个详细子页面。使用vue-router（v 0.7.x）使用​​如下所示的程序导航实现所有路由： this.$router.go({ path: "/link/to/page" }) 然而，当从摘要页面的子页面我的路线，我需要通过添加打开一个新的选项卡中的子页，就像一个会_target="blank"以一个<a>标签。 有没有办法做到这一点？

97 javascript  vue.js  vue-router 

我可以将router-link标签包装或封装在标签中button吗？ 当我按下按钮时，我希望它将我路由到所需的页面。

79 button  vue.js  vue-router 

我的页面当前具有Navigation.vue组件。我想使每个导航悬停并处于活动状态。“悬停”有效，但“活动”无效。 这是Navigation.vue文件的样子： <template> <div> <nav class="navbar navbar-expand-lg fixed-top row"> <router-link tag="li" class="col" class-active="active" to="/" exact>TIME</router-link> <router-link tag="li" class="col" class-active="active" to="/CNN" exact>CNN</router-link> <router-link tag="li" class="col" class-active="active" to="/TechCrunch" exact>TechCrunch</router-link> <router-link tag="li" class="col" class-active="active" to="/BBCSport" exact>BBC Sport</router-link> </nav> </div> </template> 以下是样式。 <style> nav li:hover, nav li:active{ background-color: indianred; cursor: pointer; } </style> 这就是现在的悬停状态，并在活动状态下完全相同。 …

77 vue.js  vue-router  routerlink 

好的，简单解释一下： 我有3页。 第1页（首页） 第2页（菜单） 第3页（关于） 第1页有- <router-link to="/menu"> 单击该按钮将转到“ /菜单”。 目前，第2页（菜单）有一个 <router-link to="/"> 按钮，然后单击此按钮，它将返回到先前的位置“ /”第1页（主页）。 但是我不想为路由器的每个页面创建一个组件以“返回”上一页（好像我有100个页面，这可能会路由很多工作）。有没有办法用vue-router做到这一点？类似于window.history.back（） 好奇是否有办法做到这一点，因为我在文档中找不到它。 提前致谢！约翰

72 javascript  webpack  vue.js  vuejs2  vue-router 

我发生了以下顺序： 主屏幕 载入画面 结果画面 在主页上，当有人单击按钮时，我将其通过以下方式发送到加载屏幕： this.$router.push({path: "/loading"}); 任务完成后，将通过以下方式将其发送到结果屏幕 this.$router.push({path: "/results/xxxx"}); 问题是，通常他们希望从结果返回主屏幕，但是当他们单击返回时，它们将被发送到再次加载，从而将它们发送回结果，因此它们陷入了无限循环并且无法前进返回主屏幕。 任何想法如何解决这一问题？理想情况下，我希望有一个类似的选择： this.$router.push({path: "/loading", addToHistory: false}); 这会将他们发送到该路线而不将其添加到历史记录中。

12 javascript  vue.js  vue-router 

我用基本路径创建了一个新的Vue应用程序。由于该应用程序已嵌入到另一个Vue应用程序中，因此该应用程序无法呈现router-view在启动时。如果您想进一步了解此应用程序如何或为何嵌入到另一个应用程序中，请在此处查看： 将Vue应用安装到主Vue应用的容器中 我对这个问题的回答： https://stackoverflow.com/a/58265830/9945420 启动我的应用程序时，它将呈现除以外的所有内容router-view。我想在启动时通过给定的浏览器URL进行重定向。这是我的路由器配置： import Vue from 'vue'; import Router from 'vue-router'; import One from './views/One.vue'; import Two from './views/Two.vue'; Vue.use(Router); const router = new Router({ base: '/my-embedded-app/', mode: 'history', routes: [ { path: '/', component: One, }, { path: '/two', component: Two, }, ], }); router.replace(router.currentRoute.fullPath); export default …

9 javascript  vue.js  vuejs2  vue-router