vue路由

vue-router 中的 “#” 或 "#!"

不懂vue路由里“#”或"#!"分别什么意思我自己demo里的路由有“#”http://localhost:8080/#/home/article看到网上的vue路由有“#！”
飞翔的熊blabla·2020-09-16 02:12

VUE路由去除#问题

1、路由代码中添加mode：‘history’在newRouter()的下一行添加上：mode:‘history’,复制代码importVuefrom'vue'importRouterfrom'vue-router'importUtilsfrom'@/js/utils.js'importLoginfrom'@/components/Login'importPerInfofrom'@/compone
我的天__·2020-09-16 02:36

Vue.js项目去除url中的#/ - 解决篇

Vue.js项目去除url中的#/使用vue路由，新建项目的url地址总是带有锚点#/，如下url：http://localhost:8080/#/文章目录`Vue.js`项目`去除`url中的`#/`
草巾冒小子·2020-09-16 02:58

去除vue路由跳转地址栏后的哈希值#

去除vue路由跳转地址栏后的哈希值#，我们只需要在路由跳转的管理文件router目录下的index.js中加上一句代码即可去掉哈希值#importVuefrom'vue'//1.引入vue-routerimportRouterfrom'vue-router'importfindfrom
oceanheaven_web·2020-09-16 02:20

vue路由去掉#

添加：mode:'history',exportdefaultnewRouter({mode:'history',routes:[{path:'/',name:'HelloWorld',component:HelloWorld}]})
LPLIFE·2020-09-16 01:24

VUE项目问题之：去掉url中的#/

一、问题使用VUE路由，项目的url总是带有锚点，如下：http://localhost:8082/#/二、解决修改路由文件中index.js文件，即src-->router-->index.js没修改前
柒仔不安·2020-09-16 01:46

去掉vue路由中的#号

在使用vue进行开发的时候我们会发现地址栏上的ip后面会跟着一个#号，如果想去掉这个井号，我们可以在路由上加上mode:'history',即可去掉，是不是很简单呢exportdefaultnewRouter({mode:'history',routes:[{path:'/',name:'Home',component:Home}]})vue-router默认是hash模式，在hash模式下，是会
记得每天进步一点点·2020-09-16 01:28

vue-router规则下 history模式在iis服务器上配置

因为vue属于单页面应用所以iis识别不了vue路由规则。问题找到了-
anluoxian8790·2020-09-16 01:44

vue路由跳转传参 Orz

好困好困好困常用路由跳转方式通过router-link进行跳转通过$router.push进行跳转router-link1.path->是要跳转的路由路径,也可以是路由文件里面配置的name值,两者都可以进行路由导航2.params->是要传送的参数,参数可以直接key:value形式传递3.query->是通过url来传递参数的同样是key:value形式传递//2,3两点皆可传递$router
Tokki_·2020-09-16 01:34

Vue项目搭建与使用

Vue项目搭建与使用新建vue项目引入element第一个请求（axios）vue路由vue项目打包部署自定义组件vuex入门mockjs的使用新建vue项目1.首先我们需要下载node.js，之后，我们才可以使用
iiiiplay·2020-09-16 01:08

vue 路由传参数和隐藏参数

vue路由传参数和隐藏参数前言vue中路由中需要传递参数的话可以用query和param传递，两者类似于get和post。前者地址栏类似xx?p=1后者为xx/1，且后者可以隐藏地址栏显示。
wwf1225·2020-09-15 18:51

VUE路由携带参数的三种方式

vue通过路由在进行页面跳转时，会经常携带参数用于同步页面间的数据路由中携带参数的方式总结如下：路由定义示例：1{2name:'list',3path:'/list',4component:List5}1.通过query携带代码示例如下：1this.$router.push(2{3path:'/list',4query:{5id:16}7}8)携带的参数会在地址栏中展示query可携带任意类型参数
weixin_34253539·2020-09-15 18:41

vue 路由meta 设置导航隐藏与显示功能的示例代码

vue路由meta设置title导航隐藏，具体代码如下所示：router.jsroutes:[{path:'/',name:'HelloWorld',component:HelloWorld,meta:
·2020-09-15 17:33

vue路由结构可设一层方便动态添加路由操作

动态添加路由基本功能letroutes=[{path:'/login',name:'login',component:()=>import('../components/Login.vue')}]this.$router.addRoutes(routes)涉及多层路由嵌套如图单纯使用addRoutes层级结构不同修改路由结构例：{name:'account',path:'/account/acco
·2020-09-15 17:09

vue路由切换时取消之前的所有请求操作

在main.js文件里importrouterfrom'router/';importVuefrom'vue';Vue.Cancel=[];router.beforeEach((to,from,next)=>{while(Vue.Cancel.length>0){Vue.Cancel.shift()('cancel');}next();})ajax文件importVuefrom'vue';imp
·2020-09-15 17:34

vue路由跳转方式及路由跳转传参和获取参数

1.路由跳转方式//1.声明式导航//2.编程式导航this.$router.push('/list')2.路由跳转传参//1.路径传参，在跳转路径中:/detail/:id/detail/:100在跳转后的页面获取参数this.$route.params.id//2.查询传参，在跳转路径中？/detail?id=100在跳转后的页面获取参数this.$route.query.id//3.如果传多
Bwcx_lzp·2020-09-15 17:04

vue工程化之路由（router）

安装vue路由模块vue-router和网络请求模块vue-resource。配置路由选项及渲染App组件（src/main
wyk.wyk·2020-09-15 15:15

Vue学习17----配置路由及默认跳转

文档https://router.vuejs.org/zh/vue路由配置实现步骤：1.安装npminstallvue-router--save/cnpminstallvue-router--save2
zhaihaohao1·2020-09-15 12:41

vue路由学习-编程式路由导航

编程式路由导航可以看作用JS的方式实现路由跳转普通方法window.location.href=URL路由跳转：改变hash值（#）实现历史记录的保存，还可进行监视API调用this包含两个属性：$router与$routethis.$router.push(path)//相当于点击路由链接(可以返回到当前路由界面)this.$router.replace(path)//用新路由替换当前路由(不可
doitba·2020-09-15 10:18

2020 Vue 通过编程式导航跳转到商品添加页面

文章目录1、引言2、编程式导航实现步骤方法3、结束语点击进入Vue❤学习专栏~1、引言今天做后台管理系统遇到一个问题，需要在界面内部实现导航功能，那么就需要了解一下Vue路由了2、编程式导航实现需要在商品列表内实现编程式导航
一百个Chocolate·2020-09-15 09:23

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

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

浅谈Vue-router的两种模式

前言虽然在已经写过了Vue实战篇，但还是觉得要单独的说一下Vue路由，所以就有了今天这篇深夜篇。路由原理路由实现了单页应用的更新视图但不重新请求页面，好处可想而知加载速度快、用户体验更好。
司_尘·2020-09-15 08:59

用webpack的require.context()"去中心化"代码

require.context()require.context()方法是用来创建自己的(模块)上下文,这个方法有三个参数1、要搜索的文件夹目录2、是否搜索它的子目录3、匹配文件的正则表达式三、用法,直接贴vue
大尾巴XYW·2020-09-15 08:52

vue路由懒加载链接过多导致本地开发热更新慢的解决

vue路由懒加载链接过多导致本地开发热更新慢的解决解决办法解决办法通过vue-cli来构建的项目正常情况下一般的热更新会在1-10s之间,但是当项目中的路由链接数量达到一定数目的时候我发现热更新的速度大幅增加
happyforrain·2020-09-15 07:12

vue 打包（build）以后直接右击index.html 浏览器打开 空白 的问题之解决办法

./'}2:修改vue路由设置的模式：改为hash模式constrouter=newVueRouter({mode:'hash',})3：重新build
hanson_judy·2020-09-15 07:42

vue项目实践教程2：使用vux设计登录注册，并讲解vue路由，切换页面标题等内容

上一章笔者介绍vux项目的搭建和简介，这里笔者设计几个登录注册页面，来讲解vux中的相关组件的使用，和vue的相关基础知识。1.我们在与components文件夹同级的目录下创建一个views文件夹，文件夹中再创建一个user文件夹，用于存放和用户相关的页面操作。在user文件夹下，笔者先创建一个Regist.vue文件。2.现在注册组件已经有了，但是我们怎么才能让这个组件显示出来呢？我们知道，v
小圣贤君·2020-09-14 21:22

VUE路由实现注册登陆功能

VUE实现注册登录功能首先使用vue-cli创建一个vue项目，需要用到vue.js路由，可以先命令行输入”npminstallvue-router“进行安装。（关于创建项目前那些工具内容介绍等这里不再赘述）在这里我们每个组件都放在一个单独的vue文件里，所以在src/components文件夹下创建Register.vue，Login.vue两个文件。Register.vue里写一个注册表单。其
孤鸿倚清秋·2020-09-14 21:39

vue路由的使用

vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。第一个单页面应用(01)现在我们以一个简单的单页面应用开启vue-router之旅，
YuanlongWang·2020-09-14 19:41

七夕奉上，拿走不谢：vue router.beforeEach() 出现死循环解决方案（Maximum call stack size exceeded）

前言：今天做vue路由遇到了一个问题，想了好久。经过不断的查资料和分析代码终于解决了。先展示下报错：意思就是堆栈满了，溢出了。
小灰灰城堡·2020-09-14 18:15

vue路由及路由的生命周期(面试常问)

基础配置如下：效果：添加用户和用户列表：效果：使用名字进行跳转时，有点问题：修改：一个路由可以对应两个组件，也就是多视图：效果：添加用户：用户列表：带参数路由：监控路径的变化方式，使用watch，如下：更正规的方法：除了使用?参数的方法，还可以使用/的方式，如下：除了在组件里使用路由钩子，还可以在配置中使用，如下：还组件中也使用之：结论先走路由配置中的钩子，再走组件中的钩子。还可以在入口上加一个钩
于景波·2020-09-14 18:54

vue路由监听不到怎么办？

vue有时候监听不到路由变化怎么办？最近在使用vue项目的时候发现我们使用的watch监听不到$route的变化，查了很多文档最终终于找到解决办法。方法一：路由包含子路由方法二：监听$route.path对象方法三：使用vue自带的路由守卫beforeRouteEnter，beforeRouteUpdate，beforeRouteLeave最近在使用vue项目的时候发现我们使用的watch监听不到
w~~~f·2020-09-14 16:51

NavigationDuplicated error

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

vue路由

vue路由前言路由实例实现思路整个demo前言通过vue的路由可实现多视图的单页Web应用(基于html的SPA)！中文文档：https://router.vuejs.org/zh/什么是路由？
Jiang呀·2020-09-14 12:37

vue路由传参的三种基本方式

vue路由传参的三种基本方式方案一：点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。getDescribe(id){//直接调用$router.push实现携带参数的跳转this.
oKven_·2020-09-14 11:43

vue路由中设置滚动行为(scrollBehavior)

在文档页面(http://localhost:8080/document)拉动滚动条，然后刷新浏览器会发现滚动条依然在原来的位置，这是浏览器的默认行为，会记录浏览器滚动条默认位置。但是点击浏览器“前进/后退”按钮，会发现当初那个页面的滚动条从0开始了，没有记录上一次滚动条的位置。现在要求点击浏览器“前进/后退”按钮，页面滚动条要记录上一次的位置，这时需要设置它的的滚动行为。这时候需要在路由配置中设
wandoumm·2020-09-13 23:53

记录vue路由传递对象

(ps：此条仅作为个人记录)vue路由传递一个对象作为参数的时候，不使用JSON.stringify和JSON.parse，接收参数的页面刷新后，接收的对象会变为[objectObject]错误示范1：
洛抒·2020-09-13 22:52

vue路由跳转监听

click.native事件监听{{item.title}}1.可用于刷新当前页refresh(val){//判断是否为当前页,因为这种刷新页面的代价太高,所以需做个判断if(val.path===this.$route.path){this.$router.go(0)}}2.可用于改变当前页状态refresh(val){if(val.path===this.$route.path){//判断是否
爱吃水煮鱼~·2020-09-13 08:56

vue踩坑笔记 九.移动端vue坑

文章目录移动端vue页面禁止移动/滚动方法一(左右滑动都禁止)方法二(仅禁止左右滑动)移动端Vue路由跳转到新页面时默认在页面最底部而不是最顶部方法一方法二全局事件忘记解绑解决方法移动端vue页面禁止移动
一腔&孤勇·2020-09-13 08:34

Vue路由介绍

目录一点睛二安装路由模块三设计路由界面四创建静态路由表五引入路由模块并使用六创建路由链接和路由视图七路由分析八路由之间的参数传递九路由之间跳转的方式一点睛vue中的路由，能够帮助我们在一个Vue组件中实现其他组件的相互切换。可以通过路由模块，再创建路由表，将指定的组件显示在路由视图中，最后实现路由跳转。二安装路由模块npm install vue-router-s三设计路由界面创建Views文件夹
cakincheng·2020-09-13 08:53

vue路由

记录是为了更好的成长！1、组件内的守卫在vue页面中需要获取页面的前一个页面，所以查询到组件内守卫的方法来做，页面示例如下：exportdefault{data(){return{oldUrl:''}},//在渲染该组件的对应路由被confirm前调用beforeRouteEnter(to,from,next){letthat=thisnext(vm=>{//通过`vm`访问组件实例,将值传入ol
diaobiaoqi0148·2020-09-13 00:20

Vue路由的$router.back(-1)回退时如何判断有没有上一个路由

每个页面的左上角有一个返回按钮<点击时的代码是this.$router.back(-1)，返回上一个路由但是用户点开其中一页，用户打开时并没有上一条路由的历史记录，所以点击<按钮时没有反应。所以应该怎么判断有没有上一条路由的历史记录。1.在页面一开始加上一个全局的函数：activated:function(){this.$setgoindex()}2.思路是这样的，判断当前页面的历史记录是不是小于
Seven_drunk·2020-09-12 22:57

vue系列：vue长按二维码无法识别

产生无法识别二维码的原因有几个可能性：有用到position:fixed则不能识别页面中类似二维码的图片太多导致无法识别，因为识别的算法是先截屏，再识别图片太小但是以上是普通情况无法识别的原因，而本次原因是因为vue
Lvan-Zhang·2020-09-12 21:30

vue路由实现经典布局案例

左侧固定，右侧自适应，这里我用的是flex布局主要是考察css和vue路由html,body{height:100%;}*{margin:0;padding:0;}#app{height:100%;overflow
Jason秀啊·2020-09-12 20:44

vue路由实例

Title默认会被渲染成一个``标签,to指令跳转到指定路径-->GotoHomeGotoAbout标签，用于渲染匹配的组件-->/*1、创建组件*/constHome=Vue.extend({template:'Home{{msg}}',data:function(){return{msg:'Hello,vuerouter!'}}});constAbout=Vue.extend({templat
duansamve·2020-09-12 19:22

Vue路由跳转+路由传参

之前在原生JS的开发中，我们经常会用到根据某一状态进行页面的跳转。比如：登录成功跳到首页，点击商品列表的某个商品跳转商品详情等。而常见的写法就是：location.href("index.html")那么vue是基于路由的，那么怎么进行页面的跳转？路由。大家都知道vue的每个页面级组件需要配置路由才可以使用，那么跳转页面也就是控制路由的切换。例如：点击登录按钮，跳转到登录页面this.$route
坏丶毛病·2020-09-12 11:38

Vue路由

路由路由的定义1.在URL中采用#号老作为当前视图的地址，改变#号后的参数，页面不会重载。路由顺序文本定义1.下载vue-router2.新建一个router文件夹,在这个文件夹下面新建一个index.js(路由的配置文件)-引入vue-引入vue-router-use注册路由实例-配置路由信息routers:{path:"/[,compntent":""}]-把配置的路由信息挂载到实例上-抛出实
微光时空·2020-09-12 10:56

vue路由配置

vue做为当前流行的框架之一，其中路由配置也是难点以及重点：一：首先是如何通过webpack创建一个vue项目：vue的项目必须依赖node以及webpacknode可以直接在官网下载：打开命令cmd输入node-v可以查看是否安装成功以及安装版本全局安装webpack：$npminstallwebpack-g然后是通过node安装vue脚手架：cmd打开命令行窗口输入cnpminstallvue
八月@谁·2020-09-12 01:10

Vue路由传参query和params的区别

query使用path和name传参跳转都可以，而params只能使用name传参跳转传参跳转页面时，query和params不需要在路由上配参数就能在新的页面获取到参数，但是params不在路由配参数的话，当用户刷新当前页面的时候，参数就会消失。也就是说使用params不在路由配置参数，只有第一次进入页面参数有效，刷新页面参数就会消失。query传参//在方法里面写也可以用namethis.$r
Brian_Jing·2020-09-11 19:47

解决vue 路由传参 页面刷新或者后退参数丢失的问题

vue路由传递参数如果用params传递参数，那么页面刷新就会丢失数据，可以改用query来传递参数，这样刷新就不会丢失this.
wwf1225·2020-09-11 11:55

VUE学习笔记(三)-子路由、多路由、嵌套路由、动态路由都是什么鬼？

最近学习到VUE路由这块，发现这块知识点有点多，好容易混乱，我的学习习惯就是先要建立框架，然后再去挨个学习搞懂，所以先来把概念搞搞清楚再说。首先，我们要知道VUE路由创建的是单页面路由。
心若向阳无谓悲伤·2020-09-11 09:56
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他