Vue-router

vue.js中利用router进行跳转（子页面刷新404问题）

2.解决方案首先，说明下vue-router的默认hash模式——使用URL的hash来模拟一个完整的URL，当URL改变时，页面不会重新加载。但是这种
辰煦湲·2020-06-23 23:30

2018 vue前端面试题

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
jingtian678·2020-06-23 22:12

三 vue-router路由

应用里面进行子页面配置的一套机制1给不同子页面分配对应的hash（锚点）2通过不同hash来加载不同页面为啥要用这玩意1分离2极大的减少了http请求3单页appvue-router1,1.0版本感觉有点变态1html2js引入vue-router
新林吃遍世界·2020-06-23 22:23

vue-router vue路由中的问题（坑）

Errorinrenderfunction:"TypeError:Cannotreadproperty'matched'ofundefined"webpack4.0.1中，也存在以下问题（注意点）：1、VueRouter实例化时的参数，可以简写为routes，表示routes:routes。但是要注意的是，“routes:routes”表示属性名是routes，值是routes。在这种情况下（属性
田江·2020-06-23 21:38

vue2.0+webpack+elementUI+supermap+echarts爬坑之旅

但繁杂的配置项以及高耦合的前后台关系使得当需求变更或者负责人职务变动所遗留下的代码难以维护和阅读，vue生态系统的出现弱化了这一类问题，基于webpack打包工具可以灵活的配置项目所需插件并使组件开发模块化，使得代码更易维护和阅读，vue-router
j7090364·2020-06-23 20:35

vue实现异步组件

如果是webpack1在vue-router可以这样写：{path:'timeManage/reportList',name:'reportList',component:resolve=>require
蟹老板爱写代码·2020-06-23 19:02

keep-Alive搭配vue-router实现缓存页面效果

Vue工程中有些页面需要有缓存。这个功能通过keep-alive组件实现，keep-alive组件可以使被包含的组件保留状态，或避免重新渲染。在routes.js中定义路由，在路由中定义元信息(meta字段)，需要缓存的页面就需要在meta对象中定义一个字段，这里设置为keepAlive，设置为true，反之，则不缓存。{path:'/a',component:()=>import('@/page
他好像一条狗啊·2020-06-23 17:00

keep-Alive搭配vue-router实现缓存页面效果

Vue工程中有些页面需要有缓存。这个功能通过keep-alive组件实现，keep-alive组件可以使被包含的组件保留状态，或避免重新渲染。在routes.js中定义路由，在路由中定义元信息(meta字段)，需要缓存的页面就需要在meta对象中定义一个字段，这里设置为keepAlive，设置为true，反之，则不缓存。{path:'/a',component:()=>import('@/page
他好像一条狗啊·2020-06-23 17:00

vue-admin-template 动态路由的实现

这里只是一个demo，后台返回的路由数据可能不太规范，这里是手动强制修改的，正式线保持一致首先改造router/index.jsimportVuefrom'vue'importRouterfrom'vue-router'Vue.use
晓果博客·2020-06-23 16:33

Vue-Router实现前端页面缓存

一、使用情景在使用Vue开发单页面应用时，我们通常会使用Vue-Router进行页面导航，Vue-Router在进行路由切换的时候，页面是会重新加载，对应的生命周期函数也会再次执行一遍，但是在有些业务场景下
柠檬icon·2020-06-23 15:16

.Vue路由(路由配置、传参、获取参数)

$router功能函数，go()，push()等方法调用1.导入和使用路由(main.js)：importRouterfrom'vue-router'//使用路由Vue.use(Router)//导入vue
尘埃338·2020-06-23 14:55

Tips on iView 1.0

数据预览数据探索任务提交历史记录在使用了vue-router的SPA
云之外·2020-06-23 14:29

vue+iview+mock+nodejs 实现简单的SPA后台管理系统（一）

作死的目的：构建vue项目，熟悉单页应用开发，掌握vue-router,vuex等常用技巧。引入iview框架，熟悉该类型框架的内容和用法。引入mock.js，熟悉用法，培养前后端分离开发习惯。
Crow_Block·2020-06-23 10:10

vue的路由跳转

配置Router用vue-cli创建的初始模板里面,没有vue-router,需要通过npm安装,安装指令npmivue-router-D安装完成后,会在src文件夹下,创建一个router的文件夹,里面有一个
格调的声色影像·2020-06-23 10:53

Vue 项目中实现登录拦截

一、路由拦截如果开发的是后台管理项目，希望必须登录才能访问其他页面的话，就用下面的这种方式进行拦截importVuefrom'vue'importRouterfrom'vue-router'importHomefrom
星星泡饭_·2020-06-23 09:44

vue-router报错：RangeError: Maximum call stack size exceeded

今天在运行本地项目的时候，vue-router报错：RangeError:Maximumcallstacksizeexceeded，当时发现自己在rundev的时候，命令行里面是没有任何问题的，在进入界面的时候
FLTmiao·2020-06-23 08:11

路由原理解析：vue-router 组件的 scrollBehavior解决问题:页面的滚动会影响到其他页面

vue对访问记录的管理当用户进入一个页面的时候，会往history栈中放入当前的记录，对页面级别的操作通过操作内置对象history可以满足一些需求。vue路由跳转就是通过对history.pushState()和history.replaceState()方法的模拟来实现，会往history栈中存放一条记录，这也是为什么vue的router.push方法只能在支持history.pushStat
宝儿的程序生涯·2020-06-23 07:53

Vue页面跳转传递参数及接收

典型应用场景：列表页跳转到详情页一、配置路由文件路径：src/router/config.phpimportVuefrom'vue'importRouterfrom'vue-router'importclassifyfrom
不二青春·2020-06-23 07:22

vue-router和vue-cli以及组件之间的传值

首先简单介绍使用vue-router的四个基本步骤：（为了方便演示，所有代码都写在一个文件里）1.定义组件2.定义路由3.创建router实例并将定义好的路由传入4.创建和挂载根实例再来说一下vue-cli
老虎帅呆了·2020-06-23 07:30

vue 路由懒加载

vue路由懒加载importVuefrom'vue'importRouterfrom'vue-router'/*importShowMainfrom'..
九宝妈咪·2020-06-23 06:00

Element-ui实现左侧二级导航

路由文件index.js：importVuefrom'vue'importRouterfrom'vue-router'importFormfrom'@/components/Form'importDatafrom
duansamve·2020-06-23 05:40

vue（5）—— vue的路由插件—vue-router 常用属性方法

前端路由看到这里可能有朋友有疑惑了，前端也有路由吗？这些难道不应该是在后端部分操作的吗？确实是这样，但是现在前后端分离后，加上现在的前端框架的实用性，为的就是均衡前后端的工作量，所以在前端也有了路由，减轻了服务器对这方面的判断，在前端做好路由分发之后，后端就只需要写API接口了，更着重于数据交互，逻辑上的代码编写了单页面应用那么，既然有前端路由，每个路由是不是都要单写一个页面呢？不需要的，现在都提
dingyu6453·2020-06-23 04:12

vue-router 路由的一些后续

动态路由路由传参$router和$route$route.params/$route.queryvue-router中的$router和$route两个属性$router就是那个大的new出来的路由对象newVueRouter$route是在这个router的routes[路由匹配规则]中的活跃的那个路由先上例子吧Document登录登录-->注册varlogin={//这创建的是组件模板对象te
dingdunzeng9939·2020-06-23 04:50

Vue.js——vue-router 60分钟快速入门

概述vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。
dengjie0448·2020-06-23 03:47

electron+vue项目简单创建

electron-vue充分利用vue-cli作为脚手架工具，加上拥有vue-loader的webpack、electron-packager或是electron-builder，以及一些最常用的插件，如vue-router
骑上我心爱的小摩托·2020-06-23 02:33

vue.js 实现路由模块化，并自动加载

在src目录下,新建router.jsimportVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'@/components/HelloWorld'Vue.use
_小波_·2020-06-23 02:01

用vuex实现的两个小应用

主要是对于vuex的使用练习点餐github地址记事本github地址预览demo项目比较简单，但是关于vue-cli/vue-router/axios/vuex这些都用上了，还用了一下bootstrap
风间澈618·2020-06-23 01:29

vue-router 在项目中的使用

vue-routernpminstallvue-router--save二、编码1、在项目中新建文件夹router/index.js/**路由对象模块**/importVuefrom'vue'importVueRouterfrom'vue-router
飞中缘·2020-06-23 00:51

vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（十一）构思商品页面

在写商品页面product.vue之前，我应该思考一下，商品页面要实现那些功能，该不如布局？要实现的功能1、所有商品列表的展示2、分类商品的列表展示3、搜索商品或得列表展示4、单一商品的详细页面5、商品列表分页功能6、还没想到的..................预想页面布局1、product.vue页面分左右两边，左边放商品的分类的类型（如：所有商品、石榴、松子、火腿、其它....），写成fix
思吾谓何思·2020-06-23 00:31

使用vue-router，elementUI，vuex实现的简易登录界面

实现思路将可以登录的用户名以及密码保存到sessionStorage中，用户输入之后取出比对，如果验证成功可以跳转到信息页面实现修改操作将用户信息保存到sessionStorage中，作为数据库letstorage=sessionStorage;//获取letuserList=[{username:'lily',password:'lily'},{username:'alan',password:
cong_user·2020-06-23 00:48

不使用Webpack的Vue传统前端使用方式（一）

本示例使用了boostrap、jquery、vue、vue-router组件，创建了一个SPA单页示例。先闲扯几句。最近vuejs3.0开始beta，相信不久（也不好说是多久）就会发布
ccor2002·2020-06-22 20:56

component: resolve => require(['../pages/home.vue'], resolve),

importVuefrom'vue'importVueRouterfrom'vue-router'//"@"相当于".."importDetailfrom'..
bujiongdan·2020-06-22 19:29

将 vue 路由拆分到多个文件( vue-router 目录结构)

对于稍微复杂点的项目，我们定义的路由文件，会越来越大，而且所有路由都混在一个页面，看着也很混乱，不清晰。所以，想把vue路由也按功能，类似laralel一样，划分为多个路由文件，最终的路由结构类似下面：routes/index.jsaccount.jsstudent.jsbusiness.js...也可以是更深层次的嵌套school/account.jsschool/user-center.js.
beyond__devil·2020-06-22 17:55

vue-router 2.0 常用基础知识点之router.push()

router.push(location)http://www.jianshu.com/p/ee7ff3d1d93d除了使用创建a标签来定义导航链接，我们还可以借助router的实例方法，通过编写代码来实现。router.push(location)想要导航到不同的URL，则使用router.push方法。这个方法会向history栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的
world_7735·2020-06-22 16:06

Vue-router 结合 element-ui 制作动态导航栏 + 面包屑

效果图如下：主要思路：一开始我的想法是根据左侧导航栏的点击事件动态的改变上方的面包屑，但后来发现如果直接通过URL访问的话导航栏和面包屑都是处于初始状态的。因此我想到通过router的值同时改变导航栏和面包屑。首先，我们定义router文件，注意将Router的模式设为history，否则跳转时URL上会带有#符号，导致获取到的route值不正确，代码如下：router.tsimportVuefr
JOY酷酷·2020-06-22 16:23

Vue-Router 原理

一、背景当我们在使用vue-router的时候是否会产生疑惑，为什么这个东西能帮助我们建立起url与页面组件之间的映射关系？vue-router的hash模式和history模式有什么区别？
做一只旅行青蛙·2020-06-22 16:43

vue中另一种路由写法

一个项目中一级菜单是固定的,二级及其以下的菜单是动态的,直接根据文件夹结构写路由importVuefrom'vue'importRouterfrom'vue-router'importLockrfrom'lockr'import
asm35548·2020-06-22 15:53

Vue之自建管理后台（三）登录页面

按照之前的设计我们路由的文件夹是src/router官方默认的index.js，如下：importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom
aotangdiao5015·2020-06-22 14:09

vue框架搭建实战项目

用Vue-router做路
榕榕vivian·2020-06-22 12:56

vue开发微信公众号，切换底部导航实现图标更换功能

实现点击切换底部导航更换图标{{item.text}}import{Toast}from'mint-ui';importRouterfrom'vue-router'exportdefault{name:
a_Keri·2020-06-22 11:33

vue-cli4.0+nodejs多个项目共用组件动态打包单个项目

前言：公司经常会有一些活动，为了配合活动开发人员需要开发一些h5页面来配合活动，刚开始活动不多，所有活动页面都放在一个项目目录下，webpack共用一个固定打包入口，对路由(vue-router)和状态管理
开心大表哥·2020-06-22 11:00

vue路由系统mode的hash和history的区别及用法

hash模式和history模式都属于浏览器自身的特性，Vue-Router只是利用了这两个特性（通过调用浏览器提供的接口）来实现前端路由。
注释科长·2020-06-22 10:19

vue router 报错： Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法

重复点击同一个的路由的发生如下报错我使用vue-router的版本是3.0.3解决办法方法[email protected]版本引起的原因，退回版本即可
zhooson·2020-06-22 10:10

vue的安装和环境设置

（据说cli3.0出了图形操作界面）这里采用官网上面推荐的npm方式：需要下载和安装的：node.js：自带npmvue-cli：脚手架构建工具，可以帮助我们创建项目vue-router：vue跳转页面的路由
w_zou·2020-06-22 10:04

VUE中的路由router

vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。
尔嵘·2020-06-22 08:59

vue-router的hooks用法详解

我搭建了一个Vue3的脚手架项目，用这种方式搭建的脚手架项目不仅仅只有vue是新版的，就连vue-router、vuex都是最新的。
·2020-06-22 08:45

VueRouter路由(Vue全家桶之一详解)

Vue路由初识两种模式：hash模式或HTML5历史模式vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。
宅男呀·2020-06-22 05:59

（转）vue-router路由拦截、http拦截

一.路由拦截登录拦截逻辑第一步：路由拦截首先在定义路由的时候需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由，否则就进入登陆页面。constroutes=[{path:'/repository',name:'repository',meta:{requireAuth:true,//添加该字段，表示进入这个路由是需要登录的},comp
青椒切小块·2020-06-22 05:07

vue-router vue-x 实现状态改变 拦截路由

一丶首先在用户登录前后分别给出一个状态来标识此用户是否登录（建议用vuex）；importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex);varstate={token:0,//初始时候给一个token=0表示用户未登录};constmutations={change(state,data){state.token=data;}};二丶在用户登录时改变登
Servenity·2020-06-22 05:29

vue2.0项目 calendar.js(日历组件封装)

最近一直闲来无事，便寻思着做一下自己的个人项目，也想说能使用现在比较流行的一些mvvm框架来做，于是就选用了这样的一个技术栈vue2.0vue-routervuexwebpack来做，做得也是多页面应用，使用vue-router
我爱丁丁猫·2020-06-22 03:25
上一页 103 104 105 106 107 108 109 110 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他