首页 > TAG信息列表 > vue-router

laravel-Nginx上的历史记录模式的Vue路由器服务器配置不起作用

我从vue router documentation阅读了以下说明 Note: when using the history mode, the server needs to be properly configured so that a user directly visiting a deep link on your site doesn’t get a 404. 所以,我尝试像下面这样配置我的nginx server { listen

Javascript-Vue-Router：页面刷新后查看返回登录页面

我正在使用Vuejs构建应用程序,并使用vue-router和vuex.我现在卡住了,因为在用户登录后,我的应用程序重定向到了仪表板,但是如果我刷新页面,他将再次返回登录页面.为了验证用户是否被登录,我的应用检查本地存储是否具有access_token,然后将其重定向到路由器视图“ /”. 这是我的路由

javascript-在VueJS中使用路由时设置超时错误

我正在使用VueJS,我想将数据推送到服务器,然后更改路由. 我已经试过了： saveSupportArea: function () { this.toast("success"); var that = this; setTimeout(function(that){ that.$router.push('/areas/'); }, 3000); }); 但我收到此错误： Uncaught TypeError: C

javascript-如何检查来自两个json数据的比较数据？

我用于显示特定帖子详细信息的json数据是 http://127.0.0.1:8000/listings/ {"data": {"pid": 109, "name": "Labs", "website": "service.com", "status": true} 我的JSON数据(用于获取完整的个人资料详细信息)是 http://127.0.0.1:8000

javascript-VueJS路由器中的path和fullPath有什么区别？

在我的router.js文件中,当我使用beforeEach方法时,我在to和from参数的属性中获得path和fullPath.我想知道我应该使用哪个重定向.我已经看到了两者都被使用过,我什么时候不使用,两者之间有什么区别. 一个例子： export default new Router({ mode: 'history', base: process.

javascript-如何直接从组件访问Vue的routes数组？

因此,我尝试创建一种“上一页” /“下一页”类型的导航结构,该结构使用在index.js(路线)文件中定义路线的顺序来确定下一个.但是,我在弄清楚如何访问Routes数组时遇到了一些困难. Here’s an example of the navigation I’m trying to replicate(具有讽刺意味的是,它位于Vue站点的

javascript-如何在Vue路由器中使用addroutes方法？

我创建了一个函数“ addroute()”来动态添加路由,但是它没有用(路由器未更改). 这是使用addRoutes方法的正确方法吗？我从教程中学到了这一点.如果没有,那么给我一个正确的例子,谢谢！ ... const Bar={ template:'#panels', data(){ return {title:'badss'}

javascript-如何仅加载使用Vue.js和Vue-router调用的路由

我正在使用Vue.js开发应用程序SPA,我意识到当我调用import来使用Vue-router加载路由时,它正在加载所有内容. 我当前的代码： import Home from './components/Home/Home.vue'; import Product from './components/Product/Index.vue'; import Participant from './components/Partic

我在切换路由器$(document).ready()失败时在模板中使用vue-router和jQuery

我不知道jQuery的正确用法.当我刷新页面时,$(document).ready()具有作用.但是,当我通过vue-router切换页面时,$(document).ready()不起作用. <template> <div id="photo_wrap"> <div class="photo_frame" v-for="(photo,index) in photos">

javascript-vue-router始终创建一个新的Component实例

我在vue-router中发现了一个问题,这让我非常感动. 总是在我的路线之间切换时,会创建该组件的新实例.此外,旧实例不会被删除并在后台运行！ 我希望当我打开一条路线时,旧组件将被破坏或停止运行. 有解决此问题的解决方法吗？ 这是一个小提琴：https://jsfiddle.net/4xfa2f19/5885/ let fo

javascript – 如何在加载延迟加载的路由组件时显示“加载”动画？

我已经使用webpack的代码拆分功能将我的应用程序拆分为多个块,以便在用户访问我的网页时不会下载整个应用程序包. 某些路由所需的块可能相当大,并且可能需要花费相当多的时间来下载.这很好,除非用户在单击内部链接时不知道页面实际上正在加载,所以我需要以某种方式显示加载动画或其

javascript – 在定义Vue-Router路由时访问Vuex状态

我有以下Vuex商店(main.js)： import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) //init store const store = new Vuex.Store({ state: { globalError: '', user: { authenticated: false }

javascript – 在组件函数中使用Vue动态路由名称

我一直在尝试使用Vue和Laravel进行动态视图渲染.但是,我无法解决我应该如何解析动态参数到组件函数. Router.map({ '/cms-admin/:page': { component: { template: returnView(this.$route.params.page) } } }); function returnView (optio

javascript – 有条件地加载vue-router

我正在我的主vue实例上设置我的路由器,如下所示： router.js： const router = new VueRouter({ routes: [] }); 主Vue实例： import router from '@/router'; window.app = new Vue({ el: '#vue', router, // etc. }); 现在我在一个PHP应用程序中运行它,这个Vue

javascript – Vuejs – 未捕获的TypeError：无法重新定义属性：$router

我对Vuejs比较新,我现在一直坚持以下错误:(当页面加载时出现) Uncaught TypeError: Cannot redefine property: $router   at Function.defineProperty ()   at Function.install (VM2179 vue-router.esm.js:526)   at Function.Vue.use (v

javascript – 渲染函数出错：Vue中的“TypeError：无法读取未定义的属性”

我正在使用Laravel和vue-router. <template> <div class="content__inner"> <div class="forums"> <!-- Heading --> <div class="forums__heading" :style="'border-bo

javascript – Vue警告：无法挂载组件：模板或渲染函数未定义

我是vuejs的新手,我收到以下错误： 错误： [Vue warn]: Failed to mount component: template or render function not defined. found in ---> <Anonymous> <Vcinfo> at resources/assets/js/valuechain/Vcinfo.vue <Root> Vcinfo.vue <templa