vue-router 第13页

封装比较好的登录页面

封装比较好的登录页面只在setup()函数中写流程，将逻辑代码抽离出来登陆立即注册import{reactive,toRefs}from'vue'import{useRouter}from'vue-router'import

monana6·2023-11-19 04:08

前端路由&vue-router实现

转载自后端路由简介路由这个概念最先是后端出现的。在以前用模板引擎开发页面时，经常会看到这样http://www.xxx.com/login大致流程可以看成这样：浏览器发出请求服务器监听到80端口（或443）有请求过来，并解析url路径根据服务器的路由配置，返回相应信息（可以是html字串，也可以是json数据，图片等）浏览器根据数据包的Content-Type来决定如何解析数据简单来说路由就是用来

杰在天涯·2023-11-19 02:58

Vue前后端分离的电商后台管理系统项目的概述

前端项目主要用到的技术栈：vue、vue-router、element-plus前端组件库、axios发起网络数据请求、echarts绘制相关的图形报表.后端项目技术栈

yyhh~·2023-11-19 01:15

Vue-pdf踩坑记录

坑1：在通过vue-router路由到含有vue-pdf组件的页面时报：“syntaxError:Unexpectedtoken<”错误。

志行千里者·2023-11-19 00:26

h5页面提示只能在微信浏览器中打开_H5页面在微信浏览器中遇到的问题

1.ios微信浏览器访问h5页面，url不改变使用vue-router的路由跳转方式，ios用微信浏览器自带的复制链接或者分享功能，始终是第一个进入页面的地址，Android会跟据路由跳转更新地址使用window.location.herf

weixin_39704971·2023-11-18 19:26

Vite Vue3+Element Plus框架布局

MenuasIconMenu,Message,Setting,HomeFilled}from'@element-plus/icons-vue'import{useRouter,useRoute}from'vue-router'co

无盐海·2023-11-18 18:17

vue-router配置

1、路由安装npminstallvue-router@42、创建router目录3、编辑文件且引入router包4、main.js引入

人民的石头·2023-11-17 08:44

前端404页面的制作

代码很简单，适合新手入手，效果如下：2、代码引用的是element-plus框架回到home页3、路由配置import{createRouter,createWebHashHistory}from'vue-router'importIndexfrom

人民的石头·2023-11-17 08:44

Vue3路由的使用

router-view和keepAlive、transition结合5.404页面处理1.路由的集成和使用安装：yarnaddvue-router@4创建router目录，并在其下面创建index.js文件：//vue-router

月光晒了很凉快·2023-11-16 17:21

【Vue3+Ts+Vite】使用Vite与TS构建Vue3项目

今天学习一下如何初始化一个Vue3+Ts+Vite的项目学习地址：开始{#getting-started}|Vite中文网(vitejs.cn)与时俱进开始用全新的技术本文包含以下内容：基础框架的搭建，别名配置，vue-router

lonelysnowman·2023-11-16 13:42

Vue Router active-class 属性

active-class是vue-router模块的router-link组件的属性，当router-link标签被点击时将会应用这个样式。

云隙阳光i·2023-11-16 10:36

vue-router路由

个人主页：前端青山系列专栏：Vue篇人终将被年少不可得之物困其一生依旧青山,本期给大家带来vue篇专栏内容:Vue-Router路由目录Vue-Router路由1、路由的概念2、前端路由实现3、VueRouter3.1

前端青山·2023-11-15 09:00

18、基础路由和nuxt-link路由跳转

Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置，不需要我们去额外的配置路由。nuxt-link组件用于在页面中添加链接至别的页面。

bus_lupe·2023-11-15 05:27

Vue-router 3.x 参数传递看完让你明明白白！

目录概述路由传参的两大载体分类声明式路由【router-link】编程式路由【this.$router.push()】传参的方式1.通过params传递参数配置路由参数字段占位（编程式路由实现）配置路由参数字段占位（声明式路由实现）无需配置路由参数字段占位（编程式路由实现）无需配置路由参数字段占位（声明式路由实现）2.通过query传递参数通过router-link传递query参数通过编程式路由

旧梦星轨·2023-11-15 04:21

Redirected when going from “/login“ to “/dashboard“ via a navigation guard.

这是因为vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误;真正的原因是由于返回了一个Promise对象,正常的跳转由then方法执行当正常的路由跳转,被"路由导航守卫"拦截并重新指定路由时

stubborn丶lili·2023-11-14 18:07

yarn 安装vuex vue-router 报错error Received malformed response from registry for “vuex“

报错信息直接执行该方法解决1.步骤一yarnconfigsetregistryhttps://registry.npm.taobao.org2.步骤二yarninstall--no-bin-links参考文件路径https://www.html.cn/qa/node-js/14966.html

刘栀子·2023-11-14 13:42

===＞“找不到模块“vue-router”或其相应的类型声明。“＜===

目录第一个坑："找不到模块“vue-router”或其相应的类型声明。"

Mao.O·2023-11-14 01:16

【Vue-Router】路由懒加载的几种方式

路由懒加载非懒加载require异步加载‘@/components/home’import引入，动态加载非懒加载importHomeform'./home.vue';//...{name:'Home',path:'/home',component:Home}require异步加载‘@/components/home’{name:'Home',path:'/home',component:resol

東方幻想郷·2023-11-13 23:10

Vue 笔记

HTML+CSS+JS:视图：给用户看，刷新后台给的数据网络通信：axios页面跳转：vue-router状态管理：vuexVue-UI:ICE,ElementUI一、前端核心分析1.VUE概述Vue(

zyhym·2023-11-13 22:28

vue+elementui写了一个图书管理系统

写了一个图书管理系统转载自公号：java大师目前是指一个纯前端的展示，后端还在开发中，前端接口是通过json-server模拟的用到的技术栈1、vue.js2、elementui3、json-server4、axios5、vue-router

kettle教程学习·2023-11-13 12:00

vue-router安装和使用

脚手架创建项目时，没有选择路由；添加路由方式记录在此：vue-router安装和使用下载vue-router指定版本下载[email protected]直接下载默认安装最新版本npminstallvue-router

BangD·2023-11-13 07:05

HBuilderX vue3.X 设置路由

1安装和导入这里不讲，自行搜索2新建个router.js类router.js内容import{createRouter,createWebHistory}from"vue-router"importHomefrom

龙之吻·2023-11-13 00:33

vue-router简易实现

前端路由主要指url地址发生了变化，但是不用刷新整个页面去实现局部页面的无感刷新，用户感觉是在不同的两个页面，但实际上是在同一个页面。我们需要考虑两个问题：保证url地址改变了，但是页面不能刷新；如何去监听url地址改变。路由模式hashHash模式其实就是通过改变URL中#号后面的hash值来切换路由，因为在URL中hash值的改变并不会引起页面刷新，再通过hashchange事件来监听hash

niuyueyang·2023-11-13 00:22

前端项目练习——引入vue-router4

可以在官方文档中查看入门教程（2）这里我在工程项目中的src文件夹下创建一个router文件夹，在文件夹下创建一个index.js文件import{createRouter,createWebHashHistory}from'vue-router'c

月亮的星星圈·2023-11-12 22:08

在vue3项目中加载element-plus,windicss,vue-router，axios

一.首先你要有node.js环境（没有的话请去b站找教程）二.打开你要建立文件的位置，我使用的是vscode。在这里，打开终端运行npmcreatevue@latest完成以下选择：三.在新建的文件中把components底下的文件删除四.找到App.vue，删除底下的代码，变成如下图：五.打开element-plus官网：翻译|ElementPlusaVue3basedcomponentlibr

_GuGu_·2023-11-12 22:35

1-前后端分离的权限脚手架项目

后端技术栈：springboot，MySQL，redis，Maven前端技术栈：vue，Vuex,Vue-Router,Echarts,elementUI通用的权限管理项目，可以在本系统的基础上开发大部分的管理系统

程序员云翼·2023-11-12 07:14

vue路由配置

importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)/***Note:路由配置项**hidden:true//当设置true的时候该路由不会再侧边栏出现如

一木难求·2023-11-11 22:39

vue脚手架(vue-cli)，vue2，vue3，ref引用，路由和路由插件（vue-router），路由导航守卫，插槽

一.单页面应用程序SPA是单页面应用程序如何快速创建vue的SPA项目vue官方提供了两种快速创建工程化的SPA项目的方式：1.基于vite创建SPA项目2.基于vue-cli创建SPA项目vitevue-cli支持的vue版本仅支持vue3.x支持3.x和2.x是否支持webpack否是运行速度快较慢功能完整度小而巧大而全是否建议在企业级开发中使用目前不建议建议在企业级开发中使用1.基于vite

xiongxinyu10·2023-11-11 21:16

三年经验前端vue面试记录

router-link和router-view是如何起作用的分析vue-router中两个重要组件router-link和router-view，分别起到导航作用和内容渲染作用，但是回答如何生效还真有一定难度回答范例

bb_xiaxia1998·2023-11-11 21:45

vue个人学习总结——vue-router与vuex

vue-routervuexvue-routervuexvue-router一般作用于vue单页面应用，通过url与组件配合进行一般与vue-cli配合，模块化分层构建应用html默认会被渲染成一个``标签-->GotoFoojsmain.js根组件中引入路由//引入组件路由实例配置importrouterfrom'@/router';constapp=newVue({router,}).$mou

噎·2023-11-11 17:24

vue3 自动导入composition-apiI和组件

1.api的自动导入常规写法：import{ref,reactive,onMounted,computed,watch}from'vue';import{useRouter}from"vue-router

m0_63701303·2023-11-11 13:21

vue.config.js 打包配置大全

1.使用cdn引入不改变的第三方库constcdn={//忽略打包的第三方库externals:{vue:'Vue',vuex:'Vuex','vue-router':'VueRouter',axios

王亦宁·2023-11-11 04:21

基于Bootstrap模板创建门户网站vue项目02

门户网站VUE项目（一）门户网站VUE项目（二）门户网站VUE项目（三）文章目录插件安装与优化Blog模块目录结构：页面布局调整PortfolioDetail模块目录结构：页面布局调整解决路由问题思路：安装vue-router

爱学习的甲壳虫·2023-11-11 04:50

微前端—乾坤初体验

①使用vue脚手架新建一个vue项目，重点是添加vue-router②安装乾坤依赖$yarnaddqiankun#或者npmiqiankun-S③在main.js中注册微应用并启动，完整代码为

白茶_White·2023-11-11 00:51

Vue真实技术面试题解析【兄弟组件、vue-router、增量部署】

兄弟组件的传值方式，有两种方式，把你尽可能知道的告诉我我的答案：使用父组件传值和状态管理传值使用事件总线（EventBus）：创建一个空的Vue实例作为事件总线，在其中定义事件和对应的处理函数，然后在需要传值的组件中使用$emit触发事件，并在接收值的组件中使用$on监听事件来获取传递的值。这种方式适用于任意组件之间的通信，但是需要手动管理事件的注册和销毁，否则可能会造成内存泄漏³⁴。使用Vuex

修炼室·2023-11-10 21:27

Vue3.0路由拦截

全局路由器拦截：官方叫导航守卫index.js路由器import{createRouter,createWebHistory}from"vue-router";//导入vue-router路由模块,createWebHashHistor

无盐海·2023-11-10 17:54

vue-router路由守卫进阶

vue-router路由守卫进阶路由守卫，可以想象为古代御前侍卫，路由守卫，则是对路由进行权限控制分类：全局守卫、独享守卫、组件内守卫全局前置-路由守卫作用：主要用来鉴权用户点击导航区，随后引起路径的改变

诸葛亮的芭蕉扇·2023-11-10 01:49

Vue路由(router-link)——高亮、动态传参

2.解决方案vue-router提供了一个全局组件router-link(取代a标签)能跳转，配置to属性指定路径(必须)。

清梦压星河_Ciao·2023-11-09 11:34

[vue-router]vue-router 路由传参问题

[vue-router]vue-router路由传参问题需求描述代码环境vue-router路由传参实践问题需求描述该问题是在希望在代码实现路由跳转的时候，传递一些数据，而且传递数据较多，并存在一些敏感数据代码环境

三知之灵·2023-11-09 03:54

[vue-router]vue3.x Hash路由前缀问题

[vue-router]vue3.xHash路由前缀问题问题描述问题分析问题描述是在本地开发时，使用的HASH路由，然后在偶然的情况下在/#/前添加了前缀，发现不影响本地的路由的使用？？？！！！

三知之灵·2023-11-09 03:18

地址栏输入没权限的页面阻止跳转vue-router

commin.jsgetPathList(menuList){if(!menuList?.length)return[];constpathList=menuList.flatMap(item=>{const{highestRoleMenuVos,path}=item;if(highestRoleMenuVos.length)returnhighestRoleMenuVos.map(menuIte

m0_52611940·2023-11-08 16:28

vue-router跳转及参数获取整理

那么，我们可以在vue-router的路由路径中使用“动态路径参数”(dynamicsegment)来达到这个效果：constUse

很久很久以前的你·2023-11-08 00:50

Vue-router 路由的基本使用

Vue-router是一个Vue的插件库，专门用于实现SPA应用，也就是整个应用是一个完整的页面，点击页面上的导航不会跳转和刷新页面。

柳穿鱼^·2023-11-07 13:04

Vue多级路由的实现

对Vue路由的配置不了解的看这篇文章：Vue-router路由的基本使用-CSDN博客一、配置children属性注意：子路径不能带'/'{path:"/父路径",component:父组件,children

柳穿鱼^·2023-11-07 13:33

vue项目中页面跳转传参的方法

跳转传参方法在Vue项目中，你可以使用路由（vue-router）来实现页面跳转并传递参数。

YqLty.˗ˏˋ♡ˎˊ˗·2023-11-07 08:18

Vue+ElementUI电商项目（一）

（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息，订单），数据统计电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA（单页应用程序）项目前端技术栈:Vue,Vue-Router

沐小侠·2023-11-06 20:48

vue全家桶+Echarts+百度地图，搭建数据可视化系统（【续】接口篇）

1.2业务分析上一篇分析的步骤大致有：系统搭建vue-clivuex记录登录信息vue-router路由跳转3个维度的页面，提取出共用的组件各个组件开发调节样式，增加UI加入后台接口数据优化显示测试上线上一篇介绍了

xrkffgg·2023-11-06 15:57

vue多html页面路由配置,vue-router——路由配置

再通俗的说，vue-router就是我们WebApp的链接路不事时功来这制请例在屏随会和时实于幻近支前我能又些器求如浏蔽机和滚兼现的灯近支前

安检·2023-11-06 13:16

Vue路由守卫（导航守卫）

文章目录全局守卫全局前置守卫全局解析守卫全局后置钩子路由独享的守卫组件内的守卫完整的导航解析流程正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。

Panda-6·2023-11-06 13:12

vue-router动态路由实践

vue动态路由实践实现思路环境介绍实现过程路由数据(demo)vue动态路由(约定路由)，听起来好像很玄乎的样子但是你要是理解了实现思路，你会发现，没有想象中的那么难在没有亲自实现功能前，永远不要低估自己的个人实力和潜力下面是本人一个刚从服务端开发转职前端开发的程序猿的实现过程实现思路思路其实很简单，也很明确：1、将路由分为静态路由(staticRouters)、动态路由2、静态路由初始化时正常加

Bennett_G·2023-11-06 13:11

推荐频道

vue-router