从路径导航时，如何在vue中调用函数？

文章/答案/技术大牛

发布

1回答

vue.js、vue-router

我正在尝试调用一个函数，该函数在用户离开当前页面时清除本地存储。我该如何做到这一点呢？我尝试使用<code>D0</code>生命周期钩子，但它不起作用。我如何在我的路由文件中实现它？

浏览 7提问于2020-08-01得票数 2

2回答

我的Vue路由器通常工作正常，但是当我在某些路由上想导航到父路由之一时，它反而带我回到根重定向路由，而不是我想要它去的子路由。例如，所讨论的路由是account-creation。当我使用$router.push('/account-creation')从大多数路径导航到那里时，它工作得很好。但是，如果我从任何一个帐户详细信息子路由(比如overview)导航到那里，它反而会带我到/accou

浏览 3提问于2022-01-07得票数 4

1回答

Vue路由器嵌套路径在手动刷新时破坏静态资产路径

webpack、vue-router

我们使用的是VueJS 2.x和vue-cli Webpack样板，以及Vue路由器。我们遇到了以下问题 assetsSubDirectory：‘静态’，assetsPublicPath：'/'， Vue路由器在历史模式下运行，我们跟踪官方文档用于在历史模式下运行路由器时包含所需的Apache重写规则。在我们的路由

浏览 3提问于2017-06-20得票数 6

1回答

离子型Vue 3应用程序从另一个选项卡切换选项卡

vue.js、ionic-framework、vue-composition-api

我已经创建了一个离子vue 3标签启动应用程序。I试图以编程方式将选项卡从一个选项卡切换到另一个选项卡// in Tab1.vue page function moveToTab3()}<ion-tabs ref="tabs" > 我在离子文档和vue文档中搜索，以了解如何从子组件中获取父组件，我还没

浏览 2提问于2021-05-22得票数 0

回答已采纳

3回答

VueJS生成到文件夹路由无法工作

javascript、vue.js、vuejs2、vue-router

如果我在运行：.htaccess或时，将"dist“文件夹和"index.html”文件的内容复制到"vue“文件夹中：或，则不会加载页面，而是只加载”index.html“的内容。任何帮助都会很好，谢谢！

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

回答已采纳

1回答

如何在vue组件中本地使用VeeValidate或任何第三方包

javascript、vue.js、vue-router、vue-tables-2、vee-validate

我在我的组件中使用VeeValidate，比如在Component1.vue中，import VeeValidate from 'vee-validate'; //...在另一个组件中，比如在Component2.vue中，我使用的是vuetable-

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

1回答

为什么父组件在子路由器完成之前从不渲染？

vue.js、vue-router

在我vue应用程序中，我有内部路由。问题是，在解决内部路由之前，会显示外部/父路由。component: Base, }}); 问题是vue如果我从Home中的beforeRouterEnter中删除next()，则永远不会显示组件库。

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

1回答

Vue路由器在Safari中复制window.history中的条目

vue.js、safari、vue-router、vue2-google-maps

在path /中，当单击<router-link>时，Safari导航到/gmap并将/gmap路径放入Safari的window.history中。但是，此时Safari将两次将/gmap路径放入Safari的window.history (第一次/gmap和第二次/gmap)。因此，单击Safari的后退按钮不会使Safari导航到/。相反，Safari将导航到第一个

浏览 1提问于2018-08-08得票数 4

3回答

带上一步按钮的Vue.js路由

javascript、vue.js、vue-router

我已经使用了这个Vue.js路由示例应用程序。https://github.com/chrisvfritz/vue-2.0-simple-routing-example errorMessage : '', etc...etc..现在使用socket.io，我将内标识设置为"sdawdda2d2ada2ad22ad" 当应用程序启动时，

浏览 1提问于2016-10-22得票数 11

回答已采纳

1回答

下一个()保护功能在vue路由器中是如何工作的？

vue.js、vue-router

我正在尝试理解中的解决方案。该解决方案允许用户跟踪当前路由中的前一个路由。... return { ...

浏览 0提问于2019-08-07得票数 2

回答已采纳

1回答

角路由:从不同的路由器链路调用相同模块(或组件)上的不同功能。

angular、angular4-router

我有一个名为Items的模块，我导航到它的items.Component.ts表单--许多路由器links.To跟踪--从哪个页面中可以传递一个id和路由器路径。Ex之前的页面调用不同的功能。如果我从菜单中导航，我想在条目中调用函数A，如果我从类别中导航，我想调用B 还可以从完成所需的导航--模块(或组件)、、html文件、或component.

浏览 3提问于2017-11-14得票数 0

回答已采纳

2回答

基于用户登录状态的NativeScript Vue条件本地化

javascript、vuejs2、nativescript、nativescript-vue

我在用NativeScript-Vue。有几个页面是受保护的(仅成员)。对于这些用户，如果他们登录(基于vuex商店)，我想向他们展示页面内容，但是如果他们没有登录，我希望他们被导航

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

3回答

如何在道具验证器中访问"this“

javascript、vue.js、nuxt.js

我正在使用nuxt.js进行一个项目，我在应用程序的上下文中注入一个函数，如官方文档中所建议的那样 import Vue from 'vue' }export default { c

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

回答已采纳

3回答

Vue.js:将页面标题分配给不同的路由

javascript、vue.js、vue-router

我正在使用vue.js v1.0、vue-router v0.7和WebPack构建一个web应用程序。我遵循模式，每个页面都有不同的组件。当我在web应用程序页面中导航时，我不知道如何在不同的路径(或者可能是不同的组件)中更改页面标题。我还希望页面标题在浏览器历史记录中可用。

浏览 1提问于2016-10-22得票数 10

2回答

其他<router-view>中的<router-view>组件(相同组件)

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

我有一个在路由器中配置了子路由的navigation.vue路由组件。在这个组件中，我有多个<router-view>(在v-for循环中)。每个路由器视图都有它自己的链接，如果你点击它，保存路由器视图的被点击的容器将启动一个转换并显示内容( page.vue组件)。但是，我现在想在这个导航中添加其他navigation组件，这样我就有了类似的东西： <page/> <page/>

浏览 45提问于2020-05-20得票数 1

回答已采纳

2回答

如何在vue-router中查看导航历史记录？

vue.js、hook、vue-router

我有一个vue.js应用程序，我想在vue-router中查看导航历史。我在我的组件中有一个beforeRouteLeave钩子，我在里面放了一个断点。它命中断点，然后我在控制台中输入.它输出$router对象，但我看不到实际的urls堆栈，它表示我在站点中导航的历史记录。: Vue, …}options: {mode: "history", linkActiveClass: "active", rout

浏览 459提问于2020-01-28得票数 6

1回答

NuxtJS:外部客户端仅插件/组件会导致页面刷新错误。

vue.js、nuxt.js

我使用npm安装包括一个客户端的插件，称为vue库，并按照说明加载它作为客户端只插件，如Nuxtjs文档中所述。这个插件可以正常工作，只有一个例外:如果我在导入插件的任何路径上按f5，Nuxt就会抛出一个“无效的或意外的令牌”错误。当您将插件定义为客户端和服务器端时，总是会抛出这个错误。但是，当您使用应用程序链接导航到页面时，就不会发生这种情况。import Vue</em

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

回答已采纳

1回答

vega-lite和vuejs -关闭工具提示

javascript、vue.js、vega-lite、vega

我正在用Vue.js SPA中的vega-lite绘制条形图。{ } }) …为了完成这一切，调用下面的代码$router.push({path: 'words', params: {word: word}}); } 所有这些都完全符合我的预期:将鼠标悬停在条形图上，将显示工具提示，单击该条形图，然后导航到SPA中的不同

浏览 18提问于2021-01-07得票数 0

2回答

Vue路由器重新加载当前路由

vuejs2、vue-router

在不重新加载整个页面的情况下，我需要在vue应用程序中再次重新加载当前路由(仅重新加载组件)。我在vue路由器中有一个路径，如下所示， path: "/dashboard", component: loadView("Dashboard"),},t

浏览 2提问于2019-04-05得票数 8

2回答

BeforeRouteUpdate或Leave在单个文件组件中不起作用

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

/global/Toploader.vue'; components: { next(); };这是我在app.js中调用的单个文件组件/scripts/bootstr

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

点击加载更多