vue路由

SpringBoot+Vue 07--菜单路由+新界面开发

新界面1Book（路由）和Person辅助路由跳转个人信息界面Person.vueBook.vue菜单实现路由跳转高亮index↑里面是路由里面的path↓把HomeView.vue改名叫User.vue
小金金金金鱼·2022-11-30 18:40

vue路由配置之有斜杠/和无斜杠的区别

vue路由配置中，有反斜杠'/'表示该路由配置的路径是根路径，多次点击时不会叠加路径；如果没有反斜杠，则使用的是相对路径，在路由嵌套时，当多次点击使用了子组件的路由时相对路径会不断叠加，从而使得项目因缺乏路径而崩溃
从体系结构到AI小白·2022-11-24 16:12

Vue路由（vue-router）详细讲解指南

Vue路由（vue-router）详细讲解指南动态路由匹配：嵌套路由：路由导航两种方式：转自：有梦想的咸鱼前端VueRouter是Vue.js官方的路由管理器。
whicce·2022-11-24 09:07

Vue路由传参的几种方式

一.字符串写法1.query参数this.$router.push("/login/?k=1")//跳转后的页面通过$route.query.k接收2.params参数this.$router.push("/login/"+this.keyword)//需在路由中占位path:'/search/:keyword'//通过$route.params.keyword接收二.对象写法1.query参数t
子非鱼焉非我所愿·2022-11-24 09:35

vue路由 vue-router4

路由vue-router4保持了大部分API不变，我们只关注变化部分即可。快速开始引入cdnnpmnpminstallvue-router@next对比变化实例创建方式history选项替代了mode选项*history:createWebHistory()*hash:createWebHashHistory()*abstract:createMemoryHistory()base选项移动至cre
南风number·2022-11-24 08:33

vue中的路由

具体如下：vue路由官方文档：https://router.vuejs.org/zh/安装路由模块npminstallvue-router安装完成后在入口main.js文件中引入安装路由功能importVueRouterfrom'vue-rou
妙先森·2022-11-24 08:02

vue路由$router.push()的三种传参方式

$router.push()的三种传参方式最近在工作中遇到需要使用$router.push传递一个对象，在这里做一下技术总结通过path传参很常用的一种，传递的参数会显示到path中，在刷新页面时数据不会丢失，常用于数据的新增、编辑、查看详情。this.$router.push(`pushAdd/${id}`)路由配置{path:'/pushAdd/:id',component:()=>impor
敲完这个我就再也不熬夜了·2022-11-24 08:24

vue路由导航router-link和router.push()

一，to里面的值可以是一个字符串路径，或者一个描述地址的对象xxx（字符串）xxx（对象）xxx(命名路由）xxx(直接路由带查询参数query，地址变成/xxx?color=red）xxx（命名路由带查询参数query，地址变成/xxxname?color=red)xxx(直接路由带路由参数params,params不生效，如果提供了path，params会被忽略）xxx（命名路由带路由参数pa
小白1120·2022-11-24 08:51

Vue/ Vue 路由配置 (重温 ) 一级 二级 路由配置 及 路由各种方法重定向 (浏览器渲染)

Vue路由配置流程:配置完路由后,需要写入到实列内,在App.vue写入标签进行一级路由配置，在components/user.vue写入进行二级路由配置路由配置一.一级路由配置与路由内方法语法:constrouter
春暖花开.,·2022-11-24 08:21

Vue路由（vue-router）

一、Vue路由的相关概念1、路由（routing）：是指从源到目的地时，决定端到端路径的决策过程。2、前端路由：即由前端来维护一个路由规则。实现模式有两种。
上庸者-不服周·2022-11-24 08:50

vue路由---超级详细，通俗易懂(完整版)

vue路由—超级详细，通俗易懂文章目录vue路由---超级详细，通俗易懂生活中的路由后端路由前端路由为什么使用路由vue-router介绍路由-组件分类vue-router使用安装导入路由关联到vue实例路由出口声明式导航重定向路由
idiot_MAN·2022-11-24 08:48

Vue路由详解

配置路由的步骤先在根路径下建立router/index.js文件，在该文件中配置路由；将配置好的路由暴露出来，以便main.js进行全局引用；根据配置的路由路径，可进行页面的跳转。配置路由importVuefrom'vue'importElementUIfrom'element-ui'importRouterfrom'vue-router'//将需要进行路由的组件先引入importloginfro
CSDN_SmallAnnum·2022-11-24 08:42

vue路由$router.push()使用query传参的实际开发笔记

目录前言一、vue-router是什么？二、router.push()方法三、vue-router传递的参数四.实际开发使用1.query传参使用案例（数据传递）1.发送数据2.读入数据总结前言最近，在开发前端中，涉及到了vue的传参问题，在这里做了一下笔记，好好总结一下一、vue-router是什么？首先，我们先要了解到vue-router,它是官方的一个前端路由插件，适合用于构建单页面应用。对
奶厂小程·2022-11-24 08:41

vue页面刷新报错Cannot GET /...，控制台报错404：GET http://localhost:8080/... 404 (Not Found)

目录遇到的问题解决方法拓展:hash与history区别遇到的问题一开始vue页面访问正常，一刷新报如下错误：控制台报错：页面报错：解决方法在配置路由的文件中（本人是src/router/index.js文件），将vue
颖儿♡＾▽＾♡·2022-11-24 08:58

Vue路由应用详细讲解

目录介绍路由跳转和传参解决路由重复点击路由沉积的问题解决路由跳转后不能回到顶部的页面顶部的问题路由导航守卫和案例展示访问外部链接介绍vue-router相当于vue内部跳转链接，将需要切换的页面在vue-router里注册，在项目里配置就能完成页面的切换，它不仅能完成项目的切换，还能实现参数的传递，它还有个很重要的功能路由导航守卫（导航守卫分为前置导航守卫，后置导航守卫，组件内置导航守卫，常用就是
·2022-11-24 00:46

P180-跳转到详情页并且携带id

一、1.监听GoodsListItem的点击，@click="itemClick"2.router-----index.js3.Detail.vue4.GoodsListItem.vue路由跳转要传递参数有两种方法
m0_51414342·2022-11-22 06:03

vue-meta实现router动态设置meta标签的方法

二.meta标签的特点三.通过引入vue-meta模块四.vue路由中动态设置title与meta一.meta标签提供关于HTML文档的元数据(元数据指用来描述数据的数据)。
·2022-11-21 00:01

开发常用网址收藏

前端：Vue.js:渐进式JavaScript框架Vuex:一个专为Vue.js应用程序开发的状态管理模式Vue-cli：VueCLI是一个基于Vue.js进行快速开发的完整系统，搭建交互式的项目脚手架Vue
那朵花~~·2022-11-20 18:01

路由 +vue脚手架

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、安装安装二、创建项目三、运行项目四、.vue文件五、什么时候用props六.什么时候用data七、spa一.1、Vue路由二
社会你涛哥哥·2022-11-19 13:27

前端 Vue路由返回恢复页面状态的实现方案

需求场景首页搜索内容，点击跳转至详情页，页面后退返回主页，保留搜索结果。方案：路由参数；路由守卫需求描述在使用vue开发前端的时候遇到一个场景：在首页进行一些数据搜索，点击搜索结果进入详情页面，浏览详情页后返回主页。但这时候之前的搜索记录和翻页就消失了，用户体验不好。所以需要在返回后恢复跳转前的页面参数状态。当然如果条件允许，最简单的办法是点击搜索结果使用新页面打开（例如百度那样）。但当前需求是一
李不要熬夜·2022-11-18 09:28

WEB前端 vue面试题整理

1.路由守卫/导航守卫vue路由中的一个钩子函数beforeEach那么这个函数中有三个参数to是去哪里from是从哪里来next下一步说通俗点就是放行。
admin-Y·2022-11-18 09:20

多个Vue项目如何配置nginx

一，Vue路由Hash模式配置nginx路径为/访问项目配置：将Vue-router插件中基础路径选项base设置为/
吃鸡脚·2022-11-17 18:27

Vue路由+Tab组件实现多页签功能

在vue单页面应用中，当点击导航菜单时会切换路由，一般是在中间的router-view路由视图中直接显示对应路由的页面组件，那么本编就介绍一下如何使用vue路由配合tab组件实现多页签功能，打开一个新的菜单路由时变成弹出一个新的
·2022-11-16 23:38

vue项目keepAlive保持页面状态（详情页返回列表页不刷新）

保持页面状态（详情页返回列表页不刷新）在vue项目中，存在从列表页跳转到详情页查看，而后又返回列表页的操作时，如果列表过长，我们往往希望从详情页返回列表页时，列表页能留在我们滑动的位置，即保留页面状态，通过设置vue
start_sea·2022-11-15 10:19

Vue路由

目录一、路由的概念二、事前准备三、路由的相关知识点3.1路由的基本认识3.2路由小案例3.3路由模式的切换3.4指定路由的渲染位置3.5声明式导航3.5.1无参模式3.5.2传参模式3.5.3$route与$router的区别3.6编程式导航3.6.1第一种get方式3.6.2第二种get方式3.6.3post传参方式3.6.4常见BUG3.7路由重定向3.7.1概念3.7.2代码演示3.8404
大聪明码农徐·2022-11-14 08:00

vue 静态html 路由,vue路由教程之静态路由

前言vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。首先在html中，引入vue-router.js和vue.js，用router-link触发路由跳转，router-link可以像a标签一样使用和定义样式router-view区域是路
文右·2022-11-14 08:30

vue路由传参的两种方式

项目场景：例如：点击table表格第一列进入详情页，这时候我们进行路由跳转就需要携带一些参数以便我们在详情页使用跳转方式一般我们有两种方式让路由携带参数1.路由传参query(path是路由地址，query是需要传递的参数)goDetail(){this.$router.push({path:"/publish",query:{roleName:"admin",id:1,},});},注意：如果传
听风叙雨·2022-11-14 08:00

Vue路由守卫

1、作用：对vue的路由进行权限控制2、分类：全局守卫、独享守卫、组件内守卫3、全局守卫//全局前置守卫：初始化时执行、每次路由切换前执行router.beforeEach((to,from,next)=>{//to.meta.isAuth路由中自定义变量if(to.meta.isAuth){//判断当前路由是否需要进行权限控制//localStorage.getItem('权限名称')获取存储在
T-腾腾·2022-11-14 08:59

vue路由配置

1、路由的使用一、安装路由npmivue-router二、配置路由在根目录下创建文件夹router，在router文件夹下创建index.js文件，如下图所示在index.js文件中写入如下代码，实现创建一个路由器importVueRouterfrom"vue-router"importstudentfrom'../view/student'importschoolfrom'../view/sch
努力学前端Hang·2022-11-14 08:59

vue路由+脚手架

一、vue路由1.路由安装步骤cmd–>切换到自己要存放文件的盘符执行vuecreate文件名（创建文件），之后选择第三个手动选择文件（Bable--ES6，Router–路由工具，Vuex全局数据管理
Lin_25937·2022-11-14 08:29

Vue路由传参三种方式

Vue路由传参三种方式params传参路由属性配置传参query传参一、params传参this.
Senora·2022-11-14 08:29

Vue路由拦截

vue中鉴权的两种方法常用的鉴权有两种：一种是路由拦截，一种是动态路由。路由拦截通过vue-router的beforeEach方法进行每一次路由访问的拦截，判断拦截信息中是否有鉴权要求或者权限校验，以此来实现鉴权。如果权限不够，访问的路径虽然存在但会被拦截。动态路由在登录后根据用户信息以及权限动态地添加正确的权限路由，如果权限不够，访问的路径是不存在的。比较路由拦截实现起来相对简单，只需在登录的时
莫比乌斯的日落·2022-11-14 08:29

vue路由

vue路由目录概述需求：设计思路实现思路分析1.路由2.使用3.注意点4.路由的query参数5.路由的params参数的replace属性性能参数测试：参考资料和推荐阅读Survivebydayanddevelopbynight.talkforimportbiz
thoughtCodes·2022-11-14 08:59

面试题、vue路由守卫?讲解⻚⾯权限？

接下来我给您介绍⼀下vue路由守卫,⾸先呢,所谓的路由守卫就是当我们进⾏⻚⾯跳转的时候会触发的钩⼦函数,我们把它称之为vue路由守卫.vue⼀共给我们提供了三种路由守卫,第⼀种全局路由守卫,第⼆种是组件内路由守卫
杨杨不秃头·2022-11-07 12:02

前端工程师面试必问题？路由守卫，导航守卫？

1.vue路由有几种模式？有什么区别，以及原理？
杨杨不秃头·2022-11-07 12:02

vue路由配置属性整理

vue路由配置exportdefaultnewRouter({mode:'history',//路由模式，取值为history与hashbase:'/',//打包路径，默认为/，可以修改routes:[
暖橘.·2022-11-07 12:26

Vue路由跳转后 Index.html中引入的JS文件失效 问题解决

原因：Vue路由跳转JS失效原因:路由跳转后，当时JS不会重新加载。
这里是杨杨吖·2022-11-07 10:14

Vue路由高级用法及案例

目录Vue中路由跳转的方式router-linkthis.$routerthis.$route路由重定向动态路由嵌套路由路由导航的两种方式Vue中路由跳转的方式router-link是实现跳转最简单的方法，又叫做标签式导航。文本浏览器在解析时，将它解析成一个类似于的标签。（1）不带参数//name,path都行,建议用name注意：router-link中链接如果是’/‘开始就是从根路由开始，如果
星河梦~·2022-11-02 16:51

Vue学习第27天——路由vue-router的详解及案例练习

2、配置router配置项3、实现组件切换4、指定位置展示三、案例练习四、总结五、多级路由1、配置规则时，使用children配置项2、跳转时要写完整路径3、多级路由案例一、路由概念1、概念在前端中，Vue
离奇6厘米·2022-11-01 08:02

vue路由切换时报错：api.now is not a function

vue-devtools调试工具问题，用了beta版本导致，升级安装正式版即可。地址：https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd/related?hl=en
xiexikk·2022-10-29 08:28

vue3种路由守卫详解

vue路由守卫1什么是路由守卫路由守卫就是路由跳转过程中的一些钩子函数，在路由跳转的时候，做一些判断或其它的操作。类似于组件生命周期钩子函数。
沉沦与遐想。·2022-10-17 20:09

Vue的路由守卫

Vue路由守卫Vue的路由，简单来说主要提供的是组件间互相跳转的帮助；例如从首页跳转到设置页····路由守卫——作用就在于监听组件间互相跳转的时候，也可以理解为拦截；例如从首页跳转到设置页时，路由守卫会监听到页面来自首页
I'm Mr.C·2022-10-17 20:37

Vue路由守卫

vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中：全局的，单个路由独享的，或者组件级的。路由前置守卫:你可以使用router.beforEach注册一个全局前置守卫:当导航路由触发时,全局前置守卫会按照顺序调用。to:即将要进入的目标。from:将要离开的路由。全局解析路由:你可以用router.beforeResolve注册一个全局守卫。rou
温柔的小新·2022-10-17 20:06

vue路由守卫

路由守卫分为三种——分别是：全局路由守卫、组件路由守卫、独享路由守卫。一.全局守卫全局守卫又分为全局前置守卫、和后置守卫1.router.beforeEach((to,from,next)=>{})回调函数中的参数，to：进入到哪个路由去，from：从哪个路由离开，next：函数，决定是否展示你要看到的路由页面。从名字全局前置守卫不难理解，它是全局的，即对整个单页应用（SPA）中的所有路由都生效，
一碗云吞面·2022-10-17 20:35

Markdown文件居然也可以直接作为Vue路由组件？

本文为Varlet组件库源码主题阅读系列第五篇，读完本文你可以了解到如何通过编写一个Vite插件来支持使用md文件直接作为路由组件。之前[文档站点的搭建]()里我们介绍了路由的动态生成逻辑，其中说到了文档是使用Markdown格式编写的，并且还直接在路由文件里使用md文件作为路由组件：路由就是路径到组件的映射，这个组件显然指的是Vue组件，Vue组件是一个包含特定选项的JavaScript对象，我
·2022-10-16 20:12

vue脚手架搭建项目+router路由配置

进入项目4、运行项目二、vue-router路由创建1）路由安装2）创建router配置文件4）在vue项目中使用vue-router在App.vue文件中5）解决运行报错三、嵌套路由1）子路由配置2）创建vue
kkkkkba·2022-10-15 08:11

Vue路由+Vue脚手架（详细教程）幼儿园难度

Vue路由一、路由的概念路由的本质就是一种对应关系（此处的路由含义同之前nodejs的路由），根据不同的URL请求，返回对应不同的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。
邢帥兵_·2022-10-15 08:41

vue路由ESLint有种错误 Unable to resolve path to module

错误：Unabletoresolvepathtomodule..."eslint":"^6.7.2"文件地址对了，但是还是报错！！{path:'xxx',name:'xxx',component:()=>import('../views/ddd/ccc/ddd.vue'),//这里ESLint报错Unabletoresolvepathtomodule.*****},起因：刚开始创建目录的时候位置创
1999笃行·2022-10-13 03:29

Vue路由编程

路由概念一个路由就是一组映射关系(key:value)key为路径value可能是function或者component路由分类后端路由value是function用于处理客户端提交的请求工作过程:服务器收到一个请求时根据请求路径找到匹配的函数来处理请求返回响应珊数据前端路由value是component用于展示页面内容工作内容:当浏览器的路径改变时对应的组件就会显示下面来演示一个基本路由的使用:
暗武逢天·2022-10-12 19:59

Vue组合式API--路由的使用详解

一、Vue路由的概述vue-router是Vue.js官方路由。它与Vue.js核心深度集成，让用Vue构建单页应用（SPA）变得非常容易。vue-router是基于路由和组件的。
流水武qin·2022-10-10 17:23
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他