问题标签 [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 回答
1265 浏览

vue.js - vue 路由器 $this 未定义

我正在使用 vue-router,在其中一个组件/vue 中,我尝试在加载特定组件时从数据库加载历史事务:

我得到了这两个错误:

0 投票
0 回答
920 浏览

vue.js - Vue 不更新属性更改

我有一个包含这个的索引组件,部分是:

我有一个如下所示的登录组件:

我的登录和注销方法如下所示:

注销工作正常;单击链接会更改文本并显示“登录”链接。在 Javascript 中登录成功,但不会更新链接。我被迫重新加载页面以使页面正确呈现。为什么?

0 投票
3 回答
9170 浏览

javascript - Vue 2.0 实例没有听到 vue-router 组件发出的事件

我正在使用 Vue 2.0-rc.6(目前最新)和 Vue-router 2.0-rc.5(目前最新)。

我尝试this.$emit('custom-event')在我的一个路由器组件和this.$on('custom-event', () => { console.log('I heard an event') })我的 Vue 实例中执行此操作,但未监听该事件。路由器组件本身听到了事件,但没有听到 Vue 实例。

任何的想法?

看看这个jsfiddle

0 投票
2 回答
857 浏览

php - Vueify / VueRouter / Laravel - 未定义组件

我正在构建一个相对简单的 laravel 应用程序并想学习 Vue.js ......这变成了一个超级令人沮丧的混乱......

无论如何,这就是问题所在。无论我做什么,我都会收到我的组件未定义的错误。

这就是我所拥有的...

吞吐文件

/resources/assets/js/main.js

在我的刀片文件中...

/resources/assets/js/components/2016-1099-misc.vue

我运行 gulp,它运行成功。当我在浏览器中查看页面时,我收到错误消息

我确定我做错了很多事情。我是 Vue 的超级新手,我正在努力掌握它......

更新:

我已将刀片文件中的所有脚本代码移动到 main.js 文件中,现在 main.js 看起来像这样 -

我现在收到错误消息

0 投票
1 回答
1526 浏览

vue.js - 如何在 vue-router 中分别在路由组合上使用 keep-alive

我有一个关于 vue-router 中的 keep-alive 的问题。我想创建一个列表细节结构化的应用程序,所以我需要每次刷新细节组合但保持列表组合的滚动位置。由于 list comp 和 detail comp 在不同的路径下,我不知道如何解决这个问题。如果我将 keep-alive 添加到router-view,它们都会保持滚动位置,而我不希望细节补偿要做。

路线图如下所示。SongList是列表补偿,Learderboard是详细补偿

0 投票
1 回答
7261 浏览

vue.js - Vue:如何将 store 与组件一起使用?

//店铺

//零件

//看法

//错误

0 投票
1 回答
3048 浏览

vue.js - 使用 Vue-Cli Webpack 安装 VueRouter

我使用 vue-cli 命令创建了一个新项目:

我正在尝试添加vue-router来处理路线,但我遇到了麻烦。

这是我的main.js

这是我的index.html

这是我的App.vue

无论我做什么,我似乎都无法弄清楚如何让它发挥作用。现在我没有收到任何控制台错误,但浏览器只显示

无法获取 /foo

分别为每条路线。

我目前正在使用

"vue": "^1.0.21"
"vue-router": "^0.7.13",

如何开始使用 vue-router?

0 投票
1 回答
2666 浏览

authentication - VueJS(资源、路由器和@websanova/vue-auth)使用 JWT 令牌登录刷新令牌错误

我正在使用 VueJS 和 Electron 构建一个应用程序,现在我正在尝试使用该@websanova/vue-auth包创建一个登录名,并且一切顺利(登录、注销、路由保护等)我唯一坚持的是每次我登录并刷新或重新启动电子,它让我回到登录页面。奇怪的是,它成功刷新了令牌,如果我查看本地存储,它会更新,当我尝试使用 REST 客户端发出手动请求时,令牌可以工作。我只是无法使用该令牌进入应用程序。

我正在使用最新版本的VueJSvue-router和截至今天(2016vue-resource@websanova/vue-auth9 月 19 日)。

API 端是 Laravel 5.3 安装,我正在使用该tymondesigns/jwt-auth包来处理 JWT 令牌。

这就是我使用路线的方式:

正在使用 browserify 和 vueify 编译视图。

我的登录功能是这样的:

如果您需要更多信息以便能够帮助我,请告诉我。

编辑:如果你想看看,这里是回购的链接:

API:https ://github.com/luukhoeben/rmi-app-api

电子应用程序:https ://github.com/luukhoeben/rmi-app-electron

谢谢, 卢克

0 投票
2 回答
56 浏览

vue.js - 带有额外的vue路由?

我有这个有线问题:

我正在使用 vue-route,所以我的登录链接是:http://localhost/#!/login

我有一个<form>登录:

提交按钮将调用登录函数,然后它将使用 vue-resource 进行 API 调用,它会在下面的 $http.post 处停止:

然后它将直接指向:http://localhost/?#!/login<-额外的?

这仅在加载登录时发生一次,子序列它可以正常工作。


如果我取出表格,问题就会消失:

0 投票
3 回答
2469 浏览

vue.js - 将值绑定到链接 url

我正在使用Vue路由器。

如何将值绑定到链接?

错误: