-
6 votesanswersviews
Vue Js 2将CSS包含在主index.html中
我是第一次使用VueJS 2 Webpack开发应用程序而且我创建了一个style.css文件，我希望将globaly包含在我的应用程序根目录下的index.html文件中 我尝试从不同的文件夹（src，src / assets，root，src，components，node_modules）加载它，但结果我总是得到特定文件的404错误 . 我也尝试了各种路径../src，/ src ...， ... -
0 votesanswersviews
Vuejs webpack静态文件夹在子文件夹中不起作用
我们可以在webpack中使用相对静态文件夹吗？ 我创建了一个使用Webpack作为构建工具的Vuejs应用程序 . 结构是这样的，我将所有图像/视频置于静态但js / css下的资产： 只要应用程序以root身份分发，该应用程序就可以正常运行 . 即 http://<domain>/index.html 但我想将它分发到一个子文件夹下，这个相同的分发代码无需重新编译就可以工作，因为... -
0 votesanswersviews
使用尚不存在的查询从apollo缓存中读取查询，但已将所有信息存储在缓存中
我有一个graphql endpoints ，可以输入此查询： fragment ChildParts { id __typename } fragment ParentParts { __typename id children { edges{ node { ...ChildParts } } } quer... -
86 votesanswersviews
Vue 2 - 变异道具vue-warn
我开始https://laracasts.com/series/learning-vue-step-by-step系列 . 我在课程 Vue, Laravel, and AJAX 上停了这个错误： vue.js:2574 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever t... -
0 votesanswersviews
vue.js：路由保护等待异步值
和每个应用程序一样，我有几条路线 . 例如（ router/index.js 摘录）： [{ path: '/reporting', name: 'Reporting', component: reporting, meta: { adminOnly: true } }, ...] 正如您在路径定义中所看到的，当访问 reporting 时... -
2 votesanswersviews
如何从Vuex上传数据？
我有Vuex存储，我存储'用户'（obj从服务器上传） 在创建部分的主App.vue中，我总是填写“用户” 这是异步方法 . 我的组件不要等待 . 当我在模板{}中使用时，我在控制台404中出错 http://example.net/images/undefined 但是在下一秒，当用户上传时，错误消失了 . 如何让应用等待在Vuex中上传异步日期？ 更新 . 我明白为什么会这样 . 已安装组... -
2 votesanswersviews
Vue VUEX打字稿Vue路由器 . 组件未被破坏
Vue.js版本= 2.3.3 向大家提问 . 我有json，其中包含一个数据列表，基于json我创建表单输入 . 表单输入有一个绑定的模型，它基本上通过提交更新应用程序状态 . 我有一个组件，它呈现一个复选框列表，在一个页面上我有1个实例，在下一个页面上我有3个组件实例，每个都有他们的复选框列表和一个不同的名称 . 从第1页到第2页时，第1页的checkbox_list组件不会触发已销毁的生命周... -
0 votesanswersviews
在具有vuex和vue路由器的实例上未定义属性或方法“X”
这个问题很烦我，我是Vue的新手，我正在尝试制作一个简单的应用程序来练习 . 现在我正在使用Vuex和Vue Router，这里是代码： 路由文件非常简单，只是非家庭路由的延迟加载 . import Vue from 'vue' import Router from 'vue-router' import Home from './views/Home.vue' Vue.use(Router) ... -
5 votesanswersviews
如何使用Vuex / Vue处理异步数据检索
我有一个带有共同堆栈的简单应用程序： 后端服务器（Rails） 前端应用程序（Vue） 数据库（PG） Vue应用程序使用Vuex存储库的操作从后端获取数据，如下所示： // store/store.js import Vue from 'vue'; import Vuex from 'vuex'; import * as MutationTypes from '@/store/m... -
1 votesanswersviews
NUXT：使用async fetch作为mixin，如何访问要覆盖的页面数据
我有一个我一直在页面中使用的标头组件，因为它们在页面更改时被破坏，我决定将组件移动到布局中，以便在路由更改期间，它会持续存在（并且我可以相应地设置动画/转换） ） . 我正在使用VueX更新标头的内容（图像，副本等） . 现在我在所有页面中使用异步提取来对商店进行适当的调用（更新或隐藏标头） . 我想最终将fetch移动到mixin中并将其导入到每个页面，而不是手动将其放入每个页面 . 问题是，我... -
3 votesanswersviews
使用vuex进行vue app和firebase身份验证
我正在使用firebase身份验证登录用户到我的vue应用程序我正在使用vuex进行状态管理我传递登录 actions 所需的逻辑firebase代码我的 store.js 文件中提交了一个确认登录状态的突变 . store.js import Vue from 'vue' import Vuex from 'vuex' import * as firebase from 'firebase' ... -
0 votesanswersviews
导航gaurd无法正常工作
我在store.js中存储用户的登录状态（使用vuex进行状态管理）当用户登录时，登录状态在store.js中设置为true 我检查用户是否已登录并使用 v-if 我隐藏登录按钮 . 直到他一切正常 现在为了检查目的我删除了登录按钮上的 v-if 条件我设置á然后在我的 !ogin.vue 组件中输入导航防护，如下所示 login.vue beforeRouteEnter(to, from, ne... -
0 votesanswersviews
计算属性不在不同选项卡中更新UI
我使用 vuex 进行状态管理并使用 firebase 验证用户身份 我使用vuex-persisted state来保存cookie中的状态 在我的vuex商店中，我管理我的 userdata （用户名，登录状态），如下所示 my store.js /all imports here export const store = new Vuex.Store({ state : {... -
0 votesanswersviews
Vue.js - Vuexx：状态值未定义
在用户登录身份验证（LoginPage组件）之后，currentUserId在商店中设置，但是稍后在另一个组件（ShoppingLists）中尝试获取它会给出一个未定义的值...我的流程出了什么问题？ 这是我的store.js import Vue from 'vue' import Vuex from 'vuex' import getters from '@/vuex/gett... -
3 votesanswersviews
使用Laravel进行Vue SPA身份验证
我目前正在与Laravel Build 一个Vue SPA作为我的后端提供商 . 我已陷入困境，我尚未解决，因此： a）我正在使用Laravel Passport对我的用户进行身份验证 . 但是，每当我向Authentication路由（/ login）发出POST请求时，我都会收到302状态代码 . 在LoginController中覆盖它的正确方法是什么？ laravel_token与我对AP... -
2 votesanswersviews
刷新页面时避免使用Vuex和VueRouter丢失全局状态
我正在创建一个SPA，作为客户端会话的基本示例，我使用Vuex存储布尔状态，如果用户登录或不登录，它可以正常工作，而不是手动更新浏览器 . 当状态重新启动到其初始状态时，是否有任何方法可以阻止这种情况，还是应该始终使用localstorage？如果是这样，如何获得初始存储状态？ Component Navbar <template> <div> &l... -
0 votesanswersviews
Vue 2 Mixins用于全局功能
我想在应用程序和路由中实现一个简单的auth mixin进行全局身份验证 . auth mixin具有 loggedIn 数据，该数据为True或False，以及两个登录和注销功能 . 整个应用程序基于vue路由器webpack模板 . 问题是 loggedIn 状态不会被保存 . 因此，当我转到Login.vue并登录时， loggedIn 将被设置为true，但是当我再次转到Login.vu... -
0 votesanswersviews
在VUE.js中路由
所以我有一个routes.js文件来处理我的VUE应用程序中的路由，并且我已经使用它来成功地使用router-link标签在组件之间进行转换 . 但是我现在想用javascript执行路由 . 例如，在我从服务器收到身份验证响应后，我想从登录页面转换到我的主页 . 我想做什么才能执行路线？ -
0 votesanswersviews
VueRouter不转换为锚标签
我正在学习使用Vue js VueRouter for SPA的Laravel 5.5 . 我试着按照这个tutorial . 我跟着一切但没有运气 . 我认为该教程与最新的Laravel版本不兼容 . 这是我在运行 npm run dev 时从inspect元素获得的内容 <router-link to="/">Home</router-link> &... -
0 votesanswersviews
如何使用新数据启动Vuejs页面元素的刷新？
我有一个vuejs应用程序使用vue-router与以下路由 . const routes = [ { path: '/list', component: list, alias: '/' }, { path: '/resources/:id?', component: resources }, { path: '/emails', component: emails }, { p... -
0 votesanswersviews
Laravel Vue应用程序不返回具有URL的特定页面
在我的laravel vue应用程序中设置404路由以返回前端组件/页面的问题 . 当我转到特定网址，例如“localhost / myapp / about”时，它不返回该特定组件或页面 . 这就是我的路由器的设置方式 . const router = new VueRouter({ mode: 'history', routes: [ { ... -
0 votesanswersviews
如何使用vue-router将未经身份验证的用户重定向到laravel登录页面
我正在开发一个带有vue.js前端和laravel后端的迷你购物车项目 . 客人可以访问这些页面，直到他们到达结帐页面，该页面应该只有经过身份验证的用户才能访问 . 我正在利用 vue-router 在客人可以访问的网址之间进行导航 . 当用户选择了他/她想要订购的商品时，他们点击按钮 <router-link :to="{name: 'checkout', params: {to... -
3 votesanswersviews
在历史模式下从子路径刷新时，组件安装两次
我在历史模式下使用vue-router . 当我在子路径"/dashboard"上并刷新页面时， <ccp/> 组件被挂载两次 . 在ccp组件中，我是控制台登录创建和挂载的挂钩 . 我看到每个控制台输出两次 . 有什么想法吗？在此先感谢您的期待！ 编辑：在初始应用程序加载时，创建 <ccp/> 并仅挂载一次 . 这是代码： App.vue： <t... -
29 votesanswersviews
将道具传递给Vue-router实例化的Vue.js组件
假设我有一个像这样的Vue.js组件： var Bar = Vue.extend({ props: ['my-props'], template: '<p>This is bar!</p>' }); 我希望在vue-router中的某些路由匹配时使用它： router.map({ '/bar': { component: Bar ... -
12 votesanswersviews
使用vue-router登录后重定向到请求的页面
在我的应用程序中，一些路由只对经过身份验证的用户可访当未经身份验证的用户点击必须登录的链接时，他将被重定向到登录组件 . 如果用户成功登录， I would like to redirect him to the URL he requested before he had to log in . 但是， there also should be a default route ，以防用户在登录... -
4 votesanswersviews
从VueRouter.beforeEach（）访问Vuex时存储未定义
我正在尝试访问Vuex商店，如本文所示：here 我已经浪费了一个美好的早晨，我确信这将是一个简单的错字，但它逃脱了我 . 在beforeEach（）=> {}正文中，我得到“存储未定义” . 我正在使用LoginForm组件中的商店，它似乎就在那里 . chrome调试器中的Vuex选项卡显示了我期望的商店内容 . 我做错了什么？ 来自关键代码的Cut-n-paste： SRC /路由器... -
4 votesanswersviews
使用vue-router的Vue JS没有加载vueified组件
我正在开发一个Web应用程序，它使用vue-router用于带有Laravel 5后端的SPA . 它将 .vue 文件用于通过 laravel-elixir-vueify 运行的应用程序组件，以便创建所需的JavaScript . 我已经成功设置了vue-router和Vue，并且可以加载与主Vue和Vue路由器实例在同一文件中定义的组件 . 但是当我尝试并且需要一个包含在 .vue 文件中的组... -
10 votesanswersviews
VueJS异步组件数据和承诺
尝试使用VueJS 2.0 RC，并使用fetch API为某些组件加载一些数据 . 这是一个模拟的例子： const Component = { template: '#comp', name: "some-component", data: function () { return { basic: data.subset, re... -
4 votesanswersviews
数据变量没有从Vue.js中带有Vuex的计算属性上的观察者更新
小提琴：https://jsfiddle.net/mjvu6bn7/ 我在计算属性上有一个观察者，它依赖于Vuex存储变量，该变量是异步设置的 . 我正在尝试设置Vue组件的数据变量，当此计算属性发生更改时，但这不会发生 . 这是Vue组件： new Vue({ el: '#app', store, data : { myVar : "" },... -
3 votesanswersviews
路由器之前在Vue中加载状态之前执行的每个守卫创建（）
如果我直接导航到管理员保护的路由， http://127.0.0.1:8000/dashboard/ ，导航总是被拒绝，因为在检查路由器防护时状态尚未加载 . beforeEach 正在Vue created 之前执行，因此无法识别当前登录的用户 . 我该如何解决这个鸡蛋和鸡蛋问题？ 以下文件被截断以获得相关性 main.js router.beforeEach((to, from, next)...