问题标签 [vue-router]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2830 浏览

vue.js - Vue Router 子路由没有按预期工作

当尝试使用 让子路由工作vue-router时,我的子路由正在渲染父路由组件,而不是为该子路由声明的组件。似乎必须为父路由声明一个组件,否则根本不会显示任何组件。例如,如果我这样声明我的路线:

任何路线上都没有显示任何内容。但是,如果我这样声明我的路线:

我的stations/create路线显示与路线相同的组件stations。是什么赋予了?

0 投票
0 回答
76 浏览

javascript - Vue.js 中的子路由倒序

我使用带有嵌套子路由的 Vue.js 路由器编写了一个小路由,我期望(并且它可以工作)作为输出:

  • 从 Main (1) 加载数据
  • 从 Sub (2) 加载数据

但是,当我点击浏览器上的刷新按钮时,顺序会反转为:

  • 从 Sub (2) 加载数据
  • 从 Main (1) 加载数据

您可以在http://jsfiddle.net/L6tuweue/上看到一个工作副本,只需点击显示部分上方的重新加载按钮并保持控制台打开。

我究竟做错了什么?

谢谢。

0 投票
1 回答
597 浏览

vue.js - 如何将 vue-resource 与 vue-router 实例一起使用?

在安装路由器之前,我设置了一个全局 Vue 实例并像这样使用 vue-resource:

现在我的 Vue 实例正在由路由器本身实例化,如下所示:

当我的实例没有绑定变量时如何使用 vue-resource?

0 投票
1 回答
1523 浏览

javascript - Vue.js:子组件如何改变父组件的状态?

在 vuejs.org 中,有说:

双向绑定会将子级 msg 属性的更改同步回父级的 parentMsg 属性。(这里是链接。)


但我很困惑,我怎么能改变孩子的属性,以便这个改变可以同步回它的父母?


路由器

List.vue(父级)

DetailAdd.vue (子)


我只想改变active父(List.vue)中的属性,如何实现呢?

谢谢大家!

0 投票
3 回答
3408 浏览

vue.js - 组件之间的vuejs路由滚动相同

路由视图会显示两个组件 A 和 B,而组件 A 的 scrollTop 为 0,我路由到组件 B,向下滚动,然后路由到组件 A,A 也滚动。有人有想法么?

0 投票
1 回答
2812 浏览

javascript - v-on:click 需要一个函数值,未定义

我正在尝试学习 vuejs,目前正在尝试对按钮按下做出反应,但是 v-on:click 指令没有(显然)找到我添加到组件中的方法。

这是我的组件:

这是父组件

这是主文件

我收到的警告

然后,该按钮不执行任何操作,不显示任何错误或任何内容。

0 投票
1 回答
793 浏览

vue.js - 如何让 vue-router 在组件内部工作

我有以下 index.html

在模板文件中,我在“/”处加载了以下内容

我有以下路线图

单击链接似乎不会改变视图。我不确定我做错了什么。

即使使用

似乎不起作用。

0 投票
2 回答
2976 浏览

javascript - 注销后调用 Firebase getRedirectResult

我对 Firebase 看到的一些行为感到有些困惑。我从未使用过旧版本,但我相信 getRedirectResult 是新的,因为他们与 Google 联手。

我有一个 SPA,我将 Vue.js 与 vue-router 和 Firebase 一起使用。有一个登录页面,然后是另一个用户可以登录或不登录的视图。登录是通过重定向完成的。当第二个视图被加载时,我在 vue-router 'activate' 钩子中检查 getRedirectResult,如果有用户,用用户信息做一些其他的事情。

问题是这样进行的:

  1. 我们在第二页。用户登录。调用 getRedirectResult 并找到用户。耶。
  2. 用户注销。我们回到了登陆页面。
  3. 我们单击一个按钮,将我们带到第二页。调用 getRedirectResult 并找到以前的用户。什么?!不!

我找不到任何关于我是否遗漏了某些东西并需要进行某种额外检查,或者在注销后以某种方式强制刷新页面以使其忘记最后一个用户登录的信息,或者这是否会被视为错误的任何信息。任何帮助将不胜感激!

在 vue 组件路由器“激活”挂钩的第二页上调用 getRedirectResult:

更新: 通过在注销回调中进行硬页面刷新解决,如下:

0 投票
0 回答
295 浏览

vue.js - 无法更改路由器组件

我有一个 .vue 文件,其中包含以下内容

在我的主 index.html 文件中

在我的 main.js 中

编译这些东西后,我可以获取 Intro组件,但单击按钮只会更改哈希,但不会更改组件....

根据文档,我唯一不同的是我正在以编程方式更改路线。

我在这里做错了什么?

0 投票
0 回答
754 浏览

javascript - 加载所有组件时 Vue.js 运行代码

设置

我有一个 index.html 与此类似的站点(使用路由):

我想在所有这三个组件中注册一些 jQuery 插件(来自 materialize.css 库),并让它们在用户点击站点时发挥作用。

编辑:要清楚,这不是让 jQuery 工作的问题,我已经广泛使用 jQuery,如果我按 f12 并运行初始化函数,一切正常。这里的问题是弄清楚 Vue.js 何时完成对 DOM 的干扰。

我试过的

注意: ready: function() {}不会工作,因为我正在使用路由,即使用户从家 -> 浏览 -> 家,插件也需要工作。

取自他们的文档

取自这篇SO 帖子

我也看过这篇文章,但是我在三个顶级组件中的每个组件中都有未知数量的组件,我认为手动注册它们并不是一个好主意

我期待发生的事情

我希望看到我所有组件中的所有 jQuery 插件都在用户点击的任何给定页面上运行,无论他们跳转了多少次。