-
3 votesanswersviews
Vue.js和Firebase 'User'信息
我正在使用Vue.js和Firebase开发应用程序 . 我已经设法使用电子邮件/密码使登录工作，并且可以在state.currentUser下的Vue.js状态下成功存储firebase.auth（）用户信息 . 但是，根据Firebase指南，我有更多信息存储在'/ users'参考号下 . 例如 . /用户/ UID 我也想把这些数据拉到vuex商店（state.userMeta），所以我... -
2 votesanswersviews
按下浏览器后退按钮时，如何防止Vuej滚动到页面顶部
按下后退按钮时Vuejs会自动滚动到页面顶部，这很奇怪，因为默认情况下，当您在SPA中更改路线或转到新页面时，窗口甚至不会滚动到顶部 . 您需要明确设置scrollBehaviour以滚动到顶部 . 那么当你按下后退按钮时，我们如何防止页面自动滚动到顶部 . beforeRouteLeave (to, from, next) { alert('Are you sure you want t... -
0 votesanswersviews
Vue.js / vuex UI未在程序化导航上更新
在我的Vue应用程序中，我有一个编辑记录的视图 . 从该组件我（1）调用vuex操作将记录持久化到数据库，以及（2）调用 $router.push() 导航回概览视图 . vuex操作将使用AJAX保留记录，然后将返回的记录推送（替换或追加）到商店中的概述列表 . 问题是在我进行一些手动导航之前，更改不会显示在概览视图中 . vuex / store.js： import Vue from 'v... -
2 votesanswersviews
Vue - Vue CLI - API变量
根据Vue实例中的当前域位置设置api url的最佳方法是什么？在角度我将使用类似于Angular Environment的东西但是我没有遇到任何与Vue或Axios相似的东西 . 在这种情况下，我的设置取决于多个环境（本地，开发，阶段，产品） . 全部基于域关系 . localhost ='/ api-call' dev.domain.com ='devapi.domain.com' prod.... -
1 votesanswersviews
如何在vue-router之前运行某些东西
我正在 Build 我的第一个SPA，我正面临一些问题 . 这是它的设计方式： Laravel和Laravel Views处理登录和注册相关页面 . SPA从用户登录页面开始 . 我的app.js定义了一个默认的VueJS应用程序，我在其中使用 mounted() 方法设置登录用户的状态（VUEX） . 理想情况下，它所做的只是通过对Laravel后端的axios调用获取用户详细信息并... -
0 votesanswersviews
仅为'/'路由提供404（Nuxt JS） - 共享主机部署
我正在尝试使用 @nuxt/pwa starter-template 为共享主机上的服务器端渲染设置 Nuxt 应用程序 . 但是，我的Nuxt应用程序在.htaccess中通过重写规则运行“http://localhost:50000 ". I am trying to show the running app from " http://example.com” . 当试图... -
0 votesanswersviews
Vue组件问题
我有这个页面我想用Vue组件试用Vue Router . 我不知道什么是错的 . 我在这一行收到错误 Uncaught TypeError: Cannot read property 'name' of undefined const App = new Vue.extend({}) <body> <div id="app"> ... -
8 votesanswersviews
如何在vuex商店中使用vue-resource（$ http）和vue-router（$ route）？
在我从组件的脚本中获取电影细节之前 . 该功能首先检查商店的电影ID是否与路线的参数电影ID相同 . 如果相同则不从服务器API获取电影，否则从服务器API获取电影 . 它工作正常 . 但现在我正试图从商店的变异中获取电影细节 . 但是我收到了错误 未捕获的TypeError：无法读取未定义的属性'$ route' 如何使用vue-router ($route) 访问params和vue-r... -
35 votesanswersviews
Vue.js - 使帮助函数全局可用于单文件组件
我有一个Vue 2项目有很多（50）single-file components . 我使用Vue-Router进行路由，使用Vuex进行状态 . 有一个名为 helpers.js 的文件，它包含许多通用函数，例如大写字符串的第一个字母 . 这个文件看起来像这样： export default { capitalizeFirstLetter(str) { return st... -
0 votesanswersviews
将VueJS组件的多个实例添加到模板中？
我是VueJS的新手，想要将card component template的多个实例添加到VuetifyJS PWA template . 我尝试了什么： 我使用卡片模板代码创建了一个 News.vue 文件 . 我在 main.js 添加了一个新的Vue实例 new Vue（{el：'＃news'，路由器，模板：''，组件：{新闻}}） 我将 News 添加到 index.js... -
0 votesanswersviews
Jest：如何模拟vuex中使用的vue-router
我试图在vuex的操作中使用vue-router，这在localhost上工作正常 . 但是，当我尝试通过从商店文件导入“操作”来准备商店（用于模拟）时，我遇到了错误 . 你能帮帮我解决这个问题吗？ versions vue-test-utils: 1.0.0-beta.16 yarn: 1.5.1 vuejs: 2.5.13 vue-jest: 1.4.0 error msg FAIL ... -
0 votesanswersviews
使用vuex和vue-router时未定义的数据
我的应用程序中的初始数据状态存在问题 . 我正在使用vuex和vue-router，我认为异步的东西让我感到沮丧，但我不确定如何修复它 . 在我的view.vue组件中： beforeRouteEnter(to, from, next) { store.dispatch('assignments/getAssignment', { id: to.params.id }).then(... -
1 votesanswersviews
Vue-router不能延迟加载子组件
我正在我的项目中使用vue-router，它正在使用一个库，不幸的是，它不再处于活动开发状态 . 我需要在那里添加一些东西，所以我下载了源代码，自己编辑了它，然后将它构建到我的项目的“externals”文件夹中 . 现在，直到该项目没有使用前端路由器一切正常，但最近，我使用延迟加载组件实现了vue-router，事情变得有点棘手 . 我正在谈论的图书馆被保存在 @/externals/date-... -
9 votesanswersviews
如何在vue-router中访问异步存储数据以便在beforeEnter hook中使用？
如何在beforeEnter中访问通过商店操作异步检索的商店数据？ import store from './vuex/store'; store.dispatch('initApp'); // in here, async data will be fetched and assigned to the store's state // following is an excerpt of ... -
0 votesanswersviews
Vue路由器导航从组件内部获取
我在我的vuex store.js中使用来自集中状态管理的vuex我将登录状态存储为布尔值，如下所示 export const store = new Vuex.Store({ state: { loggedIn: false, userName: 'Guest', error: { is: false, errorMessage: '' } }, getters: { g_log... -
0 votesanswersviews
使用Vuetify的导航栏中的动态按钮
我有一个问题...我的VueJS应用程序使用Vuetify . 我有一个 <v-toolbar> ，在右边，我想放置一些按照 <router-view> 中显示的组件而改变的按钮，但我无法从$ route或$ route获取组件属性以获取对象和方法绑定到模型我的组件 . 我想知道是否有任何方法可以从我的主要组件中分配模型 . 我已尝试使用"named-routes... -
2 votesanswersviews
如何在vuejs中单击浏览器后退按钮时关闭模式弹出窗口？
我们使用https://github.com/yuche/vue-strap中的模态组件 . 单击浏览器后退按钮时，默认行为是返回到上一个路径，但模式弹出窗口是不是__返回按钮单击事件？ -
1 votesanswersviews
如何使用VueJS和Vue-router在Laravel应用程序中使用url参数获取数据
我正在创建一个包含列表页面和详细信息页面（Item.vue）的应用程序 . 从列表中，用户可以使用诸如localhost / item / 12345之类的URL转到详细信息页面 . 但我不能用VueJS和Vue-router为我的Laravel应用程序制作逻辑 . Laravel 5.4， 节点6.11，npm 3.10.10， axios 0.15.3，vue 2.3.4，vue-router... -
0 votesanswersviews
如何设置vuex和vue-router以在未设置商店值时重定向？
我正在使用最新版本的vue-router，vuex和feathers-vuex，我的路由器出了问题 . 我正在做的是检查路由是否在meta.json文件中具有属性 "requiresAuth": true . 如果是，则检查feathers-vuex提供的 store.state.auth.user 的值，如果未设置此值，则重定向到登录 . 这工作正常，除非我登录并且如果我重... -
0 votesanswersviews
Vuejs router beforeEach：如果state为true，则运行代码，否则将异步数据加载到状态，然后运行相同的代码
我在我的SPA中使用VueJS，VueRouter和VueX .我希望我的应用程序在启动时加载一些数据，在多个路径下需要 . 该数据存储在VueX的状态中 .这里's what I'已完成我的路由器，在评论中有解释，希望它足够清楚： router.beforeEach((to, from, next) => { if (!store.getters.getStartUp()) { // a ... -
0 votesanswersviews
Vue-Router以编程方式打开模态
我有一个登录页面，如果用户未经过身份验证（通过元标记auth），我将重定向到该页面，相反，如果用户已登录，如果他/她尝试访问登录页面，将被重定向到主页（通过meta标签来宾） . 经过身份验证的状态存储在Vuex中： router.beforeEach((to, from, next) => { if (to.matched.some(m => m.meta.auth) &... -
0 votesanswersviews
Vue-Router数据获取：在'beforeRouteUpdate'加载组件之前获取数据
我是vue-router导航卫士的新手，所以我最近意识到我需要使用 beforeRouteUpdate guard来重用组件，例如：从 /foo/1 到 /foo/2 然而，在来到 /foo/1 时，我通过axios调用从数据库中提取数据，在进入 /foo/2 之前，我需要通过axios调用再次提取新数据 . 这是我遇到的问题，导航防护 beforeRouteUpdate 在我从axios调用加... -
2 votesanswersviews
在解决Vue路由之前访问Vuex
我有什么： 路由器，带有auth-required路由和公共路由具有用户身份验证状态的 vuex 我想要什么：使用 axios 向服务器发送请求以检查用户的身份验证状态 before app已加载（在解析路由器之前） . router.js ： import Vue from 'vue' import Router from 'vue-router' import store from '.... -
1 votesanswersviews
Vue Router将道具传递给动态加载的子项
我正在学习Vue atm，而且我很难通过Vue Routes在子组件和父组件之间传递道具 . 我有一个Layout组件，它有一个包装器DIV，看起来像这样： <template> <div class="container" v-bind:class="cssClass"> <router-view>&... -
0 votesanswersviews
Vue路由器加载错误的地方
我正在尝试将vue-router集成到我的Laravel应用程序中 我在根视图上有一个路由器视图，在我的设置页面中有另一个视图 如果用户在/ settings / password组件上并重新加载，为什么root视图会加载并将/ settings / password组件嵌入其中？我试图将根视图组件嵌套在'/'下，将设置组件嵌套在'/ settings'下 这是我的代码 //我的根页面上有一个路由... -
0 votesanswersviews
使用Vue Router在动态路径上使用相同组件的单页应用程序？
我不知道如何解决我的问题 . 我要求在特定的动态路径中使用Vue和Laravel进行单页面应用程序（SPA） . 例如： www.buying.dev/usernameXY/new-fresh-phone 使用Title New Fresh Phone向您展示当前的Sellitem，它描述了usernameXY和sellitem的图像 在下面你可以找到他最受欢迎的项目，但也可以找到其他用户的项目... -
0 votesanswersviews
为什么我的Vue-router组件无法重新加载，除非从router-link加载
我在laravel / Vue.js应用程序中使用vue-router进行路由导航 . 我有一个Post组件持有一个博客的个人帖子，在帖子的例外上有路由器链接标签，如下所示： <router-link v-bind:to="'/post/' + post.id"> <p class="post_body">{{ post.bo... -
5 votesanswersviews
如何在Vue Router中模拟页面加载时“滚动到锚点”？
我有一个小的Vue.js SPA，带有以下路由器配置，取自docs： export default new VueRouter({ routes, // defined above... mode: 'history', scrollBehavior(to, from, savedPosition) { if (to.hash) { ... -
1 votesanswersviews
基于Laravel API后端和Vuejs前端
如果这种方法很好用，我需要一点帮助 . 首先，我有一个使用 Laravel 和 Laravel Passport 创建的后端API服务器 . 其次，我还在同一个项目中创建了Vuejs的前端 . 因此，我将被要求使用 api.php 和 web.php 路线 . 我也使用 vue-router 重定向这些路线 . 后端 在 web.php 路由中，我使用了两个不同的路由，因为我想在登陆站点上显示通... -
0 votesanswersviews
按后退键（VueJS）时无法加载样式
我正在开发一个加载了一些css样式的web项目（vuejs） . 除非按下后退按钮（鼠标/键盘无关紧要）转到上一页，然后获得css样式，一切都很好用 . 除非我按下刷新，否则不会加载 . 对于路由我正在使用vue-router组件 任何想法可能是什么问题？