vue路由

Vue路由对象属性 .meta $route.matched详解

$route.fullPath1路由是：/path/:type真正路径是：/path/list2path匹配路径:/path/list3fullPath匹配路由:/path/:type路由元信息.meta12345678910111213141516constrouter=newVueRouter({routes:[{path:'/foo',component:Foo,children:[{pat
lu92649264·2021-01-04 09:01

vue路由传参和sessionStrong,localStorage

1.vue中的路由跳转可以通过路径跳转,页可用通过路由的name属性进行跳转2.路由跳转是携带参数有两种方式this.$router.push({name:'xxxx',params:{}})this.$router.push({name:'xxxx',query:{}})值得注意的是:params传参时,F5刷新是参数会丢失,query传参则不会另外,如果不想使用路由传参,可以考虑使用sessi
qq_45717722·2021-01-01 23:59

before vue路由钩子_VUE路由拦截：Vue自定义全局弹窗组件

点击右上方红色按钮关注“web秀”，让你真正秀起来前言在任何一个平台中，如果需要增加用户黏度，除了用户需要的基本内容外，用户登录注册提交信息也是非常重要的一环，可以了解用户基本信息，用户喜欢等。抛出前后端混合开发外，vue可以轻松的实现路由拦截。VueRouter对路由集中统一管理，所以我们可以在main.js中添加如下代码，对所有路由进行拦截：router.beforeEach((to,from
陈村·2020-12-31 00:42

vue.js刷新当前页面的实例讲解

$router.go(0)，vue路由里面的一种方法；
·2020-12-29 20:38

vue 路由id_vue路由详解

自己看vue文档，难免有些地方不懂，自己整理一下，主要是vue-router具体实现的操作步骤。安装直接下载/CDNUnpkg.com提供了基于NPM的CDN链接。上面的链接会一直指向在NPM发布的最新版本。你也可以像在Vue后面加载vue-router，它会自动安装的：NPMnpminstallvue-router如果在一个模块化工程中使用它，必须要通过Vue.use()明确地安装路由功能：im
小离的私家笔记·2020-12-23 03:16

vue同一路由控制不同页面跳转_vue路由对不同界面进行传参及跳转的总结

最近在做一个公众号的商城项目，主要用的VUE+MUI，其实今天这个点对于有过项目经验的前端工作者来说是最基础的，但也是必须要掌握的，今天小编主要是记录下传参和跳转的一些总结(仅供参考)。首先我们先上代码吧！点击编辑这个是我常用的传参及跳转路由的方法，下面剪短说一下这个代码，在router-link中:to后面跟着的就是主角(跳转、传参)的内容了，其实我们在从后台拿到数据遍历后，每一个对应的id都会
weixin_39943370·2020-12-22 13:57

vue切换路由不重新渲染_Vue 路由切换时页面内容没有重新加载的解决方法

Vue路由切换时页面内容没有重新加载的解决方法第二次进入页面，页面路由参数已经改变，但是页面内容不会刷新。问题原因：在组件mounted钩子中调用的刷新页面内容，但测试发现这个钩子没有被调用。
weixin_39603327·2020-12-22 09:11

05.vue路由

一.路由的概念与原理路由的本质就是一种对应关系，比如我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为前端路由和后端路由1.1后端路由后端路由是根据不同的用户URL请求，返回不同的内容，本质就是URL请求地址与服务器资源之间的对应关系。由服务器端进行实现，并完成资源的分发。1.2前端路由前端
豆约翰·2020-12-21 23:02

Vue 路由知识点归纳总结

vue路由的原理说实话，路由我一直也就光顾着用，没认真思考过这个问题，还是那次人家面试问了这个，我才反应过来是应该好好的了解一下了。
林雪·2020-12-21 11:58

vue路由嵌套

1.vue路由嵌适用套场景最近自娱自乐用vue做小东西，觉得路由js里代码太乱了，就想着用一下路由嵌套来着。
GHUIJS·2020-12-18 02:05

vue路由模式nginx配置history模式--可刷新

1.hash模式：hash模式下，地址栏多出一个‘#’号，当‘#’号后面的hash值改变时并不会发起后台请求也不会刷新页面。这在SPA中可以更流畅的进行页面(组件)切换。原理：window对象中的onhashchange对象方法。浏览器会记录下每次切换的hash，因此前进跟后退都可用。影响：在实际应用中其实并没有什么影响，就是导航地址看起来乱2.history模式：history模式跟hash模式
Casso·2020-12-17 20:26

Vue-router中hash模式与history模式的区别详解

VUE路由的hash模式与history模式的区别，这个也是面试常问的问题，这个题其实就是考验你的开发经验是否属实。小白回答：hash模式url带#号，history模式不带#号。
·2020-12-15 17:15

vue路由卫士&vuex命名空间

关于vue的两个比较重要的部分：路由和vuex，推荐学习官方文档，讲的十分清楚和明白，配合自己动手实践更容易掌握vue路由卫士详解官方文档：https://router.vuejs.org/zh/guide
三千不易留·2020-12-14 14:02

vue 基于abstract 路由模式 实现页面内嵌

abstract路由模式abstract是vue路由中的第三种模式，本身是用来在不支持浏览器API的环境中，充当fallback，而不论是hash还是history模式都会对浏览器上的url产生作用，本文要实现的功能就是在已存在的路由页面中内嵌其他的路由页面
j_bleach·2020-12-13 22:29

vue 基于abstract 路由模式 实现页面内嵌

abstract路由模式abstract是vue路由中的第三种模式，本身是用来在不支持浏览器API的环境中，充当fallback，而不论是hash还是history模式都会对浏览器上的url产生作用，本文要实现的功能就是在已存在的路由页面中内嵌其他的路由页面
j_bleach·2020-12-13 21:40

vue路由自动生成插件（含vue-router3和vue-router4写法）

前言好久没冒泡了，之前被上一家公司加班加到厌恶代码了，现在有空就来继续为插件库添砖加瓦。插件说明本插件用于vue-cli脚手架中的路由自动生成，免除手写路由导致的漏写或没有及时同步修改问题。插件安装yarnaddpikaz-vue-auto-routernpmi-Spikaz-vue-auto-router示例项目结构├─public└─src└─views├─home└─index.vue└─s
pikaz·2020-12-09 22:20

vue history模式刷新页面进入404解决方案

vue的路由模式严格意义上来讲有三种，但是常见的hash模式和history模式1，默认的路由模式2，hash模式，就是连接后边会跟#号3，history模式history模式的详细配置请移步官方文档vue
郝峰Vip·2020-12-02 21:06

import vue from vue_VUE路由拦截：Vue自定义全局弹窗组件

点击右上方红色按钮关注“web秀”，让你真正秀起来前言在任何一个平台中，如果需要增加用户黏度，除了用户需要的基本内容外，用户登录注册提交信息也是非常重要的一环，可以了解用户基本信息，用户喜欢等。抛出前后端混合开发外，vue可以轻松的实现路由拦截。VueRouter对路由集中统一管理，所以我们可以在main.js中添加如下代码，对所有路由进行拦截：router.beforeEach((to,from
weixin_39740419·2020-11-21 01:01

针对Vue路由history模式下Nginx后台配置操作

前端将vue路由模式改为history模式后需要运维配置才能正常访问，配置信如下location/{roothtml;indexindex.htmlindex.htm;try_files$uri$uri
·2020-11-17 17:56

Vue路由使用过渡动画后切换时出现抖动

问题描述为了让项目在页面切换时不那么死板，我是用了transition组件并加入淡出淡出效果，然而切换页面我发现居然每次跳一下。问题原因其实就是上个路由的占位导致，百度后说隐藏消失的页面让其不占位。解决方案fade-leave-to路由添加display:none;来源资料https://www.jb51.net/article/177825.htm
玲曦·2020-11-07 21:49

vue笔记-19（vue路由参数和嵌套路由）

路由规则中定义参数使用查询参数则不需要修改path,调用方式，在组件模板中使用this.$route.query.id获取使用路径变量传参，需要修改path,如”/login/:id“。调用方式，使用this.$route.params.id代码demo02vue-router路由参数.router-link-active{color:red;background-color:green;font
7ColorLotus·2020-10-14 11:18

Vue路由传参

Vue路由传参对路由传参的总结，不对之处望包涵，指正。记录Vue路由传参的两种方式query和params路由传参之-------this.$route.query路由传参querythis.
BaiLinfeng·2020-10-11 16:16

Vue路由传参

Vue路由传参对路由传参的总结，不对之处望包涵，指正。记录Vue路由传参的两种方式query和params路由传参之-------this.$route.query路由传参querythis.
BaiLinfeng·2020-10-11 16:06

web前端-一些问得少但是可以马上鉴定水平的问题

你说下你的项目目录是怎么样的vue路由的钩子函数（beforeEach，afterEach）的应用场景有哪些？你觉得前端路由的核心是什么？
刘叶青·2020-10-11 15:46

Vue路由History模式分析

Vue路由History模式分析Vue-router是Vue的核心组件，主要是作为Vue的路由管理器，Vue-router默认hash模式，通过引入Vue-router对象模块时配置mode属性可以启用
WindrunnerMax·2020-10-10 18:00

vue -- 路由安装 入门使用

vue路由改写进阶–前置守卫验证是否登录安装路由cnpminstall--savevue-router配置路由创建src/router/index.js目录，输入以下代码importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom
程序员小哲·2020-10-10 13:48

Vue常见问题——Vue路由跳转、切换、返回页面不刷新问题

前言最近用iview-admin做后台管理系统，遇到了个问题，列表页面点击进入详情页面编辑，编辑完成自动跳转到列表页，需要页面重新刷新请求列表（后管就是这么简单粗暴），然并卵~，再次回到列表页页面不会重新刷新；问题很好解决，因为iview-admin的路由设置会默认缓存页面notCache:false,因此我直接设置notCache:true就ok了，页面可以重新刷新。但是我觉得这个问题简单也不简
ZD717822023·2020-10-09 13:26

vue 手写一个vue-router

创建项目yarnaddvue-router安装vue-router创建一个router文件夹并使用：2.实现目的router/index.js内容如下：（我们的目的将引入自写的vue-router实现vue
舜岳·2020-10-04 21:14

Vue路由Hash模式分析

Vue路由Hash模式分析Vue-router是Vue的核心组件，主要是作为Vue的路由管理器，Vue-router默认hash模式，即使用URL的Hash来模拟一个完整的URL，当URL改变时页面不会重新加载
·2020-10-04 16:00

vue笔记-17（vue路由基础）

什么是路由后端路由：对于普通的网站，所有的超链接倒是URL地址，所有的URL地址都对应服务器上对应的资源前端路由：对于单页面应用程序来说，主要通过URL中的HASH(#号)来实现不同页面之间的切换，同事hash有一个特定：HTTP请求不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端路由）vu
7ColorLotus·2020-09-28 11:36

vue路由案例详解

1.能够说出什么是路由2.能够说出前端路由的实现原理3.能够使用Vue-Router实现前端路由4.能够实现嵌套路由，动态路由5.能够实现命名路由以及编程式导航6.理解并实现后台管理案例1.路由的概念路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为前端路由
一晌贪欢i·2020-09-27 17:25

vue学习笔记（二）

6.Vue路由基础不同的路由对应不同的内容或者页面的任务，分配给前端使用6.1动态路由匹配6.1.1单个参数第一步：修改router目录下index.js文件importVuefrom'vue'importRouterfrom'vue-router'importVideoListfrom
南京郭大侠·2020-09-21 22:23

vue-router手写、 vue-router原理

vue路由有三种模式：hashhistory和abstract:hash:使用URLhash值作路由，支持所有浏览器history：需要HTML5HistoryAPI和服务器配置结合。
不停留·2020-09-21 15:02

vue路由实现前进刷新后退不刷新功能

需求有A->B->C三个页面，要实现A页面进入B页面，B页面重新获取数据。从C页面返回到B页面，B页面有缓存，不用重新获取数据。实现方法包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。的include属性对应匹配的组件将会被缓存。在vuex声明一个数组变量作为include属性的值。在B页面上使用beforeRouteEnter内给变量数组添加B页面组件名添加缓存，beforeRouteL
过眼云烟2015·2020-09-17 06:28

vue路由出口(router-view)为和路由入口(router-link)呈兄弟元素无法准确匹配跳转解决方案

1.问题背景如图所示，路由出口和入口为兄弟元素，页面还有其它路由，会发生子级路由不能准确匹配，无法渲染数据2.踩坑记录布局页面，设置"router-link"和"router-view"配置路由页面效果3.解决方案设置路由出口时，给router-view，设置name属性/*设置路由出口时，给router-view，设置name属性*/配置路由跳转:使用components，name/defaul
神奇程序员·2020-09-17 06:33

vue 使用路由器_使用Vue路由器进行Vue身份验证和路由处理

vue使用路由器VueisaprogressiveJavascriptframeworkthatmakesbuildingfrontendapplicationseasy.Coupledwithvue-router,wecanbuildhighperformanceapplicationswithcompletedynamicroutes.Vue-routerisanefficienttoolan
culiu9261·2020-09-17 01:53

vue 路由懒加载 resolve vue-router配置

vue路由懒加载resolve作用：如果用import引入的话，当项目打包时路由里的所有component都会打包在一个js中，造成进入首页时，需要加载的内容过多，时间相对比较长。
asteriaV·2020-09-16 22:02

手动封装—Vue路由

src/router/index.js//使用插件的流程//1.引入vueimportVuefrom'vue'//2.引入插件importlyRouterfrom'../ly-router'importHomefrom'../components/Home.vue'importListfrom'../components/List.vue'//3.Vue.use使用当前插件//找install方法
刘大杨啊·2020-09-16 19:15

Vue路由

vue可以实现两种路由1.根据地址进行路由2.根据某一条件对某块区域内展示内容进行路由1.根据地址可以用Vue_Router这个组件2.区域展示内容的路由有多中处理方式2.1.官网中通过Render实现2.2.vue的其他处理方式推荐使用第二种
xiaofather·2020-09-16 17:19

Vue路由中的router-link-exact-active和router-link-active

1.router-link-exact-active和router-link-active这两个类名是Vue路由自带的（1）router-link-exact-active当路由到哪里时，该类名就添加到对应的路由标签上比如
诸葛妖道·2020-09-16 13:38

vue路由传参的方式

方案一：getdata(id){//直接调用router.push实现携带参数的跳转this.router.push实现携带参数的跳转this.router.push实现携带参数的跳转this.router.push({path:/list/${id},})方案一，需要对应路由配置如下：{path:‘/describe/:id’,name:‘Describe’,component:Describe
yuanyuchengyyc·2020-09-16 12:10

vue路由传参的两种方式,实现返回上个页面不刷新

我的项目是当在新增页面(下面叫A页面)先提交一些数据,然后跳转到下一个页面(下面叫B页面)再填写数据,然后返回到新增的页面之前我直接跳转回B页面goback(),这样的话跳转回来A页面就什么数据都没有了解决方法有两种,一种是在地址栏里面拿参数this.$router.push({name:'xxxxxxxxx',//跳转的页面名称params:{id:this.id||"xxxxxxxxxx"}}
神探小白牙·2020-09-16 11:44

Html5监听返回事件

常使用的场景：移动前端1、安卓手机物理返回键2、苹果手机在企业微信打开浏览器的返回按钮移动前端开发语言是：vue路由跳转：vue-routerhash模式先介绍一下html5中history有哪些属性和
CSDN_gmm·2020-09-16 11:48

vue 路由缓存点击下一页返回之前的页面在原先的滚动位置

vue路由缓存点击下一页返回之前的页面在原先的滚动位置1.app.vueexportdefault{name:'app',data(){return{transitionName:'',aliveComponent
我一直在路上·2020-09-16 11:44

vue路由进入下一层返回上一层重复跳转之前进入页面

说明vue路由返回上一层，使用this.$router.back(-1)进入其他页面用this.
web宁爸爸·2020-09-16 10:57

Vue路由

Vue路由SPA是什么单页Web应用（singlepageapplication，SPA），就是只有一个Web页面的应用，是加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序
weixin_30670965·2020-09-16 09:44

当前vue路由组件重新加载

利用v-if控制router-view，在根组件APP.vue中实现一个刷新方法exportdefault{data(){return{isRouterAlive:true}},methods:{reload(){this.isRouterAlive=falsethis.$nextTick(()=>(this.isRouterAlive=true))}}}然后其它任何想刷新自己的路由页面，都可以这
Ammy米·2020-09-16 06:57

vue 路由嵌套 及 router-view vue-router --》children

vue路由嵌套vue-router--》children在项目的很多子页面中，我们往往需要在同一个页面做一个组件的切换，同时保存这个页面的部分数据（比如树形菜单），进而显示不同的数据，之前我都是通过v-show
weixin_30640291·2020-09-16 06:30

Vue路由，关于地址栏没有问题，router-view是一片空白

首先看源代码目录结构如下：App.vueexportdefault{}Home.vue首页exportdefault{};User.vue用户exportdefault{};main.jsimportVuefrom'vue'importAppfrom'./App.vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)Vue.config.prod
闹闹没有闹·2020-09-16 06:59

【Vue】路由Router嵌套的实现及经典案例

Vue路由嵌套先来准备一个普通的路由案例：Document登录注册//创建两个子组件模板对象varlogin={template:"登录模块"}varregister={template:"注册模块"}
心。晴·2020-09-16 05:24
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他