vue-router

Vue-Router(三) 编程式导航

Vue-Router(三)编程式导航在vue中，我们除了使用创建a标签来定义导航链接之外，还可以使用router实例方法，通过编写代码的方式来实现router.push(location)想要导航到不容的
骑乌龟赛跑·2020-09-15 11:21

vue-router导航钩子

vue-router提供的导航钩子主要用来拦截导航，让它完成跳转或取消。
甲乙丙遇见丁·2020-09-15 11:59

二十、Vue之编程式导航

二、编程式导航怎么用1.安装vue-router插件  编程式导航是
咸鱼最牛逼·2020-09-15 11:11

vue-router编程式导航

除了使用创建a标签来定义导航链接，我们还可以借助router的实例方法，通过编写代码来实现。即：通过js动态的进行导航链接。一、this.$router.push()router.push(location,onComplete?,onAbort?)注意：在Vue实例内部，你可以通过$router访问路由实例。因此你可以调用this.$router.push。想要导航到不同的URL，则使用rout
muzidigbig·2020-09-15 11:59

vue-router命名路由+编程式路由传参

有时候，通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候。你可以在创建Router实例的时候，在routes配置中给某个路由设置名称。重点代码：效果：若有不足请多多指教！希望给您带来帮助！
muzidigbig·2020-09-15 11:59

对vue-router官网上面路由组件传参章节中三种模式的试验

vue-router官网中关于路由组件传参的三种模式：布尔模式对象模式函数模式，光看官网的描述还是很难理解，自己动手写了一下，大致是这样的。
liangshui999·2020-09-15 10:29

vue-router从入门到精通之命名视图（四）

应用场景，当我们想同时展示多个视图，而不是嵌套展示。如：sidebar（侧导航）和main（主内容）两个视图，这个时候命名视图就派上用场了。我们可以在界面中拥有多个单独命名的视图，而不是只有一个单独的出口。如果router-view没有设置名字，那么默认为default一个视图使用一个组件渲染，因此对于同个路由，多个视图就需要多个组件，router配置如下：{path:'/',components
FavoriteStudent·2020-09-15 10:07

vue 后台管理permission

具体实现思路1创建vue实例的时候将vue-router挂载，但这个时候vue-router挂载一些登录或者不用权限的公用的页面。
我佛慈悲11111·2020-09-15 09:41

vue-router 声明式路由导航和编程式路由导航

前提：$router：路由器对象$route：当前路由信息一、声明式路由导航==>>即eg：ToPageB注意：会默认解析成a标签，可以通过tag属性指定它解析成什么标签二、编程式路由导航==>>即写js的方式相关API：1)this.$router.push(path):相当于点击路由链接(可以返回到当前路由界面)==>>队列的方式（先进先出）2)this.$router.replace(pat
halo1416·2020-09-15 09:29

Vue学习—深入剖析动态路由匹配

那么，我们可以在vue-router的路由路径中使用“动态路径参数”来达到这个效果：constroutes=[{path:'/',redirect:
xun__xing·2020-09-15 09:56

vue设置路由title，实现在vue路由发生变化的时候，相应的页面title随之变化

在vue2中还可以使用vue-wechat-title插件来解决页面title的问题importVuefrom'vue'importRouterfrom'vue-router'/*importHelloWorldfrom
王召利·2020-09-15 08:23

vue项目性能优化3，优化：路由懒加载

打开src/router/index.js文件，修改：修改前：importVuefrom‘vue’importRouterfrom‘vue-router’importloginfrom‘@/c
re思维·2020-09-15 08:44

浅谈Vue-router的两种模式

前言虽然在已经写过了Vue实战篇，但还是觉得要单独的说一下Vue路由，所以就有了今天这篇深夜篇。路由原理路由实现了单页应用的更新视图但不重新请求页面，好处可想而知加载速度快、用户体验更好。先从两种路由模式说起。路由的两种模式hash模式一般，我们将url中#和它之后的字符一起称为hash,通过window.location.hash来读取，他有两个特点。hash虽然出现在url中，但是不会被包括在
司_尘·2020-09-15 08:59

vue 打包过大处理

下面总结一下自己的打包优化心得：1.像Vue、element-ui、vue-router、vuex、babel-polyfill这些都不用打包，打包后很大的，可以引用cdn在webpack.base.config.js
前端zhou·2020-09-15 08:53

使用vue打包，vendor.js文件太大的解决方式

vuex+elementUI避免打包然后找到build/webpack.base.conf.js文件，在module.exports={}中添加以下代码externals:{'vue':'Vue','vue-router
一行注释·2020-09-15 08:13

vue3.0项目打包后，由于vender.js 文件过大引起的首页加载时间缓慢的解决方式

项目打包后加载时间及大小1.下图为vender.js加载时间，会发现vebder.js大小将近2M，加载时间蓝条很长解决方式我同时用了两种解决方式，来减少vender.js的大小1.路由懒加载vue-router
qq_34867424·2020-09-15 08:01

vue-cli开发项目 打包及运行

选择Y使用vue-router，输入N不使用UseESLinttolintyourcode?代码规范，推荐NSetupunittestswithKarma+Mocha?单元测试，推荐NSetupe
小样จุ๊บ·2020-09-15 07:41

解决vue打包后vendor.js文件过大问题

第一步、cdn引入各种包index.html中cdn的方式引入vue、vuex、axios、element-ui、vue-router等包第二步、在使用vue等包的地方，注释掉import引入在所有使用
qq_35776479·2020-09-15 07:28

Vue2 el-menu实现路由跳转及当前项的设置

解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法要实现路由跳转，先要在el-menu标签上添加router
碎月冰蓝C·2020-09-15 07:22

前端学习（1899）vue之电商管理系统电商系统之渲染添加用户的表单

目录结构router.jsimportVuefrom'vue'importRouterfrom'vue-router'importLoginfrom'.
歌谣？·2020-09-15 03:03

vue-router

vue-routervue中会使用官方提供的vue-router插件来使用单页面，原理就是通过检测地址栏变化后将对应的路由组件进行切换（卸载和安装）简单路由实现1.若在vue-cli脚手架中没有安装vue-router
angle小菠萝·2020-09-15 03:31

在 Vue 项目中使用 ECharts

在Vue项目中使用ECharts说明重要文件版本“vue”:“2.5.13”“vue-router”:“^3.0.1”“vuex”:“3.0.1”,“echarts”:“^4.0.2”在Vue项目中使用
mjzhang1993·2020-09-14 22:17

vue路由的使用

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

vue-router之addRoutes（动态路由/权限路由）使用分析

//1设置默认路由//2由登录获取权限路由（动态路由）//要存储routes数据--防止刷新时数据丢失--刷新时要重新动态渲染路由varroutessessionStorage.setItem('routes',JSON.stringify(routes))//3调用方法router.addRoutes（routes）routes要符合路由规则routes.push({path:'*',redir
it_lin_web·2020-09-14 19:39

vue的路由 按需加载、权限验证添加

1.按需加载importVuefrom'vue'importRouterfrom'vue-router'//importHelloWorldfrom'@/components/HelloWorld
baby加油_·2020-09-14 17:13

Vue技术栈开发SPA版QQ音乐

QQ音乐webapp是基于vue2，vuex，vue-router，axios和flexiblebox布局与及css3的transform，animation，transition开发。
weixin_34290000·2020-09-14 16:50

Vue-router 原理

原文：https://www.cnblogs.com/xuzhudong/p/8869699.html前端应用的主流形式：单页应用（SPA）大型的单页应用最显著的特点之一：采用前端路由系统，通过改变URL，在不重新请求页面的情况下，更新页面视图更新视图但不重新请求页面是前端路由原理的核心之一，目前唉浏览器环境中这一功能的实现主要有两种方式：利用URL中的hash("#")利用Historyinte
weixin_33961829·2020-09-14 16:57

在 vue 路由懒加载中给 Webpack Chunks 命名

最早的路由定义方式importVuefrom'vue'importVueRouterfrom'vue-router'importHomefrom'..
前端散打王·2020-09-14 15:48

day06-webpack

0.学习目标了解vue-router使用了解webpack使用会使用vue-cli搭建项目独立搭建后台管理系统了解系统基本结构1.路由vue-router1.1.场景模拟现在我们来实现这样一个功能：一个页面
玉爷~·2020-09-14 15:18

nodejs项目 资源已被阻止,因为 MIME 类型(“text/html”)不匹配（X-Content-Type-Options: nosniff）。错误的原因分析和解决办法

我的原因是因为路径问题，如下是详解：我的项目用到vue-router实现单页面应用我配置了一个路由是：http://localhost:8080/user/:id，当访问的时候，还是访问主页，但会根据路由变化加载一个
Poulyield·2020-09-14 14:01

vue-router详解

认识路由vue-router基本使用vue-router路由的懒加载vue-router嵌套路由vue-router参数传递vue-router导航守卫keep-alive一、路由（一）什么是路由说起路由你想起了什么
chenyongzhi1218·2020-09-14 13:16

vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题

懒加载：也叫延迟加载，即在需要的时候进行加载，随用随载。像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时。简单的说就是：进入首页不用一次加载过多
开心大表哥·2020-09-14 13:38

NavigationDuplicated error

vue路由重复点击报错：NavigationDuplicatederror解决：importRouterfrom'vue-router'constoriginalPush=Router.prototype.pushRouter.prototype.push
蒙奇·D·伊丽莎白·2020-09-14 13:15

element-ui导航菜单使用vue-router刷新后高亮显示不一致

问题描述问题1：刷新后，默认高亮显示为当前的第一个索引值产生原因：:default-active=“activeIndex”解决办法：将:default-active=“activeIndex”替换成:default-active="$route.path"问题2：改完:default-active="$route.path"后发现高亮不显示，需要双击对应的路径才高亮显示产生原因：:default
在路上`·2020-09-14 12:07

mpvue配置路由

mpvue引入路由管理mpvue-entry:集中式页面配置，自动生成各页面的入口文件，优化目录结构，支持新增页面热更新mpvue-router-patch:在mpvue中使用vue-router兼容的路由写法注意修改完成之后不要有
xyf_coco·2020-09-14 12:42

vue报错vue-router.esm.js?8c4f:2062 Uncaught (in promise) Error: Avoided redundant navigation to curren

在写导航切换时点击会有以下报错这个报错是是路由中点击路径重复，也有可能是安装的vue-router还是之前出错的那个版本，在项目目录下运行[email protected]即可。
xiaonan12386·2020-09-14 12:30

vue.js 的学习之路

http://www.cnblogs.com/CyLee/p/5813721.html技术栈#vue官网http://vuejs.org/#Vuex中文手册 http://vuex.vuejs.org# Vue-Router
似如静水·2020-09-14 10:48

vue如何实现按需加载

vue如何实现按需加载1、vue-router配置require加载（vue异步组件技术）这种方式下一个组件生成一个js文件用例如下，路由配制如下：{path:'/promisedemo',name:'
一月清辉·2020-09-14 09:53

浅析使用vue-router实现前端路由的两种方式

关于vue-router由于最近的项目中一直在使用vue，所以前端路由方案也是使用的官方路由vue-router，之前在angularJS项目中也是用过UI-router，感觉大同小异，不过很显然vue-router
weixin_34409822·2020-09-14 09:15

Vue-router浅析（二）

一、导航守卫经常在项目中，会对页面做一些权限控制，所以需要对路由变化做出处理，跳转或取消相应的路由。导航：即路由发生变化。导航守卫即对路由变化做出处理。当然也分几种情况：对全局变化做处理、对“单个路由独享”变化做处理、对组件级（即具体的某个组件内部）变化做处理。特别注意点：当参数或者查询发生变化的时候，并不会触发进入/离开的导航路由。这个可以参考上一篇博客的“响应路由参数的变化”，来监听$rout
王爷的大房子·2020-09-14 09:05

Vue中的路由

Vue中的路由对于单页应用，官方提供了vue-router进行路由跳转的处理，本篇主要也是基于其官方文档写作而成。安装基于传统，我更喜欢采用npm包的形式进行安装。
西瓜凉了半个夏~·2020-09-14 09:20

Vue-cli3的问题&解决

Avoidedredundantnavigationtocurrentlocation:"/home".当使用js代码来控制路由跳转的时候，会出现问题；当多次点击首页按钮时，会报错，冗余导航解决方法：方法一：-在项目目录下运行[email protected]，将vue-router
Pocketful·2020-09-14 08:13

Vue.js 项目开发总结

Vue-router嵌套路由一级视图Laravel应用首页文件：resources/views/app.blade.phpgetLocale()}}">二级视图resources/js/pages/Layout.vue
geekcloud·2020-09-14 05:04

vue2.0自学笔记

指令4、内置组件5、实例方法6、实例选项7、实例属性8、模板渲染9、条件渲染10、组件交互11、标签属性12、事件绑定13、计算属性14、属性监听15、表单16、动画17、vue-cli项目搭建18、Vue-router
weixin_30845171·2020-09-14 04:50

vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

问题描述：vue是单页面应用。导致路由切换之后，之前的滚动距离会一直存在，页面没有到顶部。网上大部分的解决方案是利用路由的afterEach方法解决，如下所示，router.afterEach((to,from,next)=>{window.scrollTo(0,0);});这样解决有如下几个问题1.scrollTo方法部分在手机上的部分浏览器不支持，也就是不兼容。2.用scrollTo方法会在苹
Tommy·Yang·2020-09-13 22:18

vue使用理解（1）

选项一定要选择y（不选后期要配置vue-router相关项。）说明：下图
heping_csdn·2020-09-13 22:51

关于vue-router切换滚动条自动置顶的一点记录

现在在写一个单页面的项目，但是遇到了一个问题，就是每次切换回主页滚动条自动置顶，由于是首页->详情页，这样的页面切换方式，每次切换回来就自动置顶带来的体验非常不好，需要解决这个问题查了一些资料，有vue-router
aoteman4wo45·2020-09-13 21:00

vue vue-router路由跳转后滚动条自动滚动到顶部

我们在写路由跳转的时候，通常会希望界面跳转后显示为滚动条滚动到我们想要的位置（顶部），一般使用Window.scrollTo()方法，其语法为：window.scrollTo(xpos,ypos)xpos：必需。要在窗口文档显示区左上角显示的文档的x坐标。ypos：必需。要在窗口文档显示区左上角显示的文档的y坐标。例如滚动内容的坐标位置100,500：window.scrollTo(100,500
GJTing·2020-09-13 21:06

web前端面试之vue

vue-router如何做历史返回提示？vue-router如何做用户登录权限等？
qq_36987708·2020-09-13 21:02

前端面试题-Vue

文章目录说一下Vue的双向绑定数据的原理解释单向数据流和双向数据绑定Vue如何去除url中的对MVC、MVVM的理解介绍虚拟DOMvue生命周期的理解组件通信vue-router路由实现v-if和v-show
Full Stack wushen·2020-09-13 19:15
上一页 63 64 65 66 67 68 69 70 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他