vue-router

element plus card 悬浮菜单

效果如下：import{useRouter}from'vue-router'import{ElCard,ElRow,ElCol,ElProgress,ElIcon,ElButton}from'element-plus'import
东方fan·2023-07-25 11:59

VUE3（六）项目配置使用404页面

实现这个小功能我用到了vue-router的路由守卫功能。
camellias__·2023-07-25 11:57

vue router 动态路由清除方式，resetRouter不起作用

vuerouter退出登录后路由没有被清除官方给到的resetRouter内初始化的matcher替换当前router的matcher不起作用//Detailsee:https://github.com/vuejs/vue-router
G佳伟·2023-07-25 06:32

typescript找不到模块‘vue‘ ‘vue-router‘

import{createRouter,createWebHashHistory,createWebHistory}from'vue-router'提示：找不到模块“vue-router”。
茶茶只知道学习·2023-07-25 04:52

Vue(五)——vue-router(动态路由)_显示商品详情页

动态路由有的时候，我们需要把满足某种规则的路由全部匹配到同一个组件，比如不同的商品的url/item/1/item/2/item/3...我们不可能为每一个商品都定义一个独立的组件，而是把它们都映射到同一个组件，同时url后面的部分为动态变化的部分，我们会在设计路由的时候进行特殊的处理...{path:'/item/:id',name:'item',component:Item}...动态路由就是
_Jyann_·2023-07-25 01:59

简易版vue-router

/vue-router'importHomefrom'./Home'importAboutfrom'.
李欢li·2023-07-24 18:41

Vue-router 中hash模式和history模式的区别

hash模式url里面永远带着#号，我们在开发当中默认使用这个模式。那么什么时候要用history模式呢？如果用户考虑url的规范那么就需要使用history模式，因为history模式没有#号，是个正常的url适合推广宣传。当然其功能也有区别，比如我们在开发app的时候有分享页面，那么这个分享出去的页面就是用vue或是react做的，咱们把这个页面分享到第三方的app里，有的app里面url是不
love_peaches·2023-07-24 05:21

Umi踩坑：Umi路由配置（原理、解决办法）

importVuefrom'vue'importRouterfrom'vue-router'//i
LKG-工·2023-07-23 16:13

vue-router 导航守卫

一、改变当前路由对应组件的titleSPA只有一个页面，对应的也只有之一titile。当我们点击不同组件，想显示出相应的title时，第一想法可以去每个组件中添加对应的title，那么显示到该组件时title也会随着改变。但是，当项目的组件很多时，要点击每个组件进行修改相同的内容，费时且不好维护。这时就可以使用导航守卫。二、导航守卫导航守卫是用来监听路由的进入和离开。v-router提供了两个钩子
63537b720fdb·2023-07-23 16:07

路由 路由的传参 路由的嵌套 axios

路由：vue-router带三方工具库创建单页面应用spa(singlepageapplication)通过不同的URL访问不同的页面下载：npminstallvuenpminstallvue-router1
我真的是易晓辉·2023-07-23 03:21

Vue-Router相关理解4

两个新的生命周期钩子activated和deactivated是路由组件所独有的两个钩子，用于捕获路由组件的激活状态具体使用activated路由组件被激活时触发deactivated路由组件失活时触发src/pages/News.vue欢迎学习Vuenews001news002news003exportdefault{name:'News',data(){return{opacity:1,}},
bubbleJessica·2023-07-23 00:40

在java中用vue进行rest风格路由

config/index.js中修改build(打包时配置)属性中的配置assetsPublicPathmark此处我修改为后端项目地址,可以采取自定义配置文件的方式防止修改项目路径的地方过多导致忘记在vue-router
Vijay_·2023-07-22 19:06

控制台Response 返回 ＜noscript＞ ＜strong＞Please enable JavaScript to continue.＜/strong＞ ＜/noscript＞

，说我没有启动js由于测试的时候，没有使用vue-router
灼灼桃花夭·2023-07-22 19:11

vue安装vue-router出错

项目场景：在vue中安装vue-router问题描述：提示：在安装过程中报错，缺少依赖：PSD:\WebDeplpyer\workspace\Vue_Basic\vue_test>npmivue-routernpmERR
爱学习的大雄·2023-07-22 14:08

nuxt3 如何监听路由变化？

import{defineComponent,vue,watch}from"vue"import{useRoute}from"vue-router"exportdefaultdefineComponent
一头小绵羊·2023-07-22 13:20

vue =》 vue-router：404页面路由配置

{name:'404',path:'/404.html',component:resolve=>require(['../page/NotFound/view.vue'],resolve),},{path:'*',redirect:{name:"404"}}注：1.*为通配符，匹配所有路径。redirect:重定向到404页面。2.必须将此路由配置放到最后，否则无法实现该功能。----------
做个有准备的人·2023-07-22 12:49

vue 动态路由匹配（页面跳转到同一个页面）

那么，我们可以在vue-router的路由路径中使用“动态路径参数”(dynamicsegment)来达到这个效果：constUser={template:'User'}constrouter=newVueRouter
逆风优雅·2023-07-22 00:33

vue-router嵌套/二级路由+视图路由（children）

一、嵌套路由/二级路由（配置好父路由component后，在父路由中添加children属性来配置这个父路由的子路由）需要注意的是：父组件中的是子组件的占位符是必不可少的，与子路由链接可在同一个组件中嵌套路由的现象：点击了子路由跳转后父路由组件的内容一直呈现；子路由的内容进行切换，地址栏的路径也随之改变。redirect父路由上添加，浏览器访问/nest，会默认展示/nest/son1子的内容此时
muzidigbig·2023-07-21 22:53

vue---router、routes、route的区别

如：路由编程式导航的$router.push()2.routes：指创建vue-router路由实例的配置项。用来配置多个route路由对象3.route：指路由对象表示当前激活的路由的状态信息。
muzidigbig·2023-07-21 22:23

【vue3】vue使用总结-一步步

VUE:$cdrunoob-vue3-app$npmrunserve3.安装elementnpminstallelement-plus--save4.App.vue文件中的router-view理解：vue-router
陈晓明start·2023-07-21 20:49

路由器axios发送ajax

vue-router:路由如果在一个模块化工程中使用它，必须要通过Vue.use()明确地安装路由功能：在你的文件夹下的src文件夹下的main.js文件内写入以下代码动态路由匹配我们经常需要把某种模式匹配到的所有路由
奈良真纯·2023-07-21 18:37

vue-router

mode对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于——改变视图的同时不会向后端发出请求。
Rotary·2023-07-21 16:20

vue3+vite+pinia+vue-router搭建环境

前提：前面已经创建一个项目，涉及到vue3、vite、pinia、vue-router、openlayers创建的命令行及对应版本。接下来，是整个项目的详细配置。
影子信息·2023-07-21 15:08

Vue 动态路由

动态路由动态路由传参//router/index.jsimportVuefrom'vue'importVueRouterfrom'vue-router'importIndexfrom'..
KK_boy·2023-07-21 14:49

使用vue-router

importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router);2、newRouter(config)作用：创建路由实例，并为每个页面配置对应
九亿girls的梦·2023-07-21 13:18

Vue-router 路由导航

目录一、导航分为声明式导航和编程式导航1.声明式导航2.编程式导航二、vue-router常用的导航API1.this.$router.push('Hash地址')2.this.
Mr_LiuP·2023-07-21 12:17

Vue-router 路由

四、vue-router的基本用法1.什么是vue-router2.vue-router安装和配置步骤2.1安装vue-router包2.2创建路由模块2.3在main.js文件中导入并挂载路由模块2.4
Mr_LiuP·2023-07-21 12:46

前后端分离（前端）

前端项目Vue（下）启动vue项目：npmrundev1.配置router下的index.js文件(相当于配置URL)importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom
囨誌·2023-07-21 11:11

【day2】尚品汇

–路由跳转有两种形式：声明式导航、编程式导航–声明式导航没有这类问题，因为vue-router底层已经处理好了1.1为什么编程式导航进行路由跳转的时候，就有这种警告呢？
菜鸡也会飞·2023-07-20 14:43

初学vue-router笔记2

vue-router中，动态部分以：开头。例如导航到user组件：{path:"/user/:id",component:user}。
云小诺·2023-07-20 05:37

vue3的编辑模板

,onBeforeMount,onMounted,ref,provide,inject,defineExpose}from'vue'","import{useRouter,useRoute}from'vue-router
luckycoke·2023-07-19 15:40

vite + vue3 + Antd 搭建后台管理系统

1、新建vite+vue3项目npmcreatevite@latestcdproject-pc-03npminstallnpmrundev2、配置路由vue-router//1、首先下载路由插件npminstallvue-router
RJL_瑞瑞吖·2023-07-19 14:15

使用vite+vue3+antd+less搭建基础项目

2、引入vue-router和vuexyarnaddvue-router@next-Syarnaddvuex@next-S配置main.
呀呀音·2023-07-19 14:44

Vue:不同页面之间的传递参数--params

在嵌套vue-router情况下，不同页面之间传递参数可以通过params实现。
喵喵喵_8480·2023-07-19 12:50

vue-router 父子路由嵌套

路由配置importhomefrom'@/pages/home'importdetailfrom'@/pages/detail'{name:'home',path:'/home',component:home,children:[{name:'detail',path:'/home/detail',component:detail}]}html用法//左侧菜单home//右侧内容
无名程序猿·2023-07-19 11:18

vue音乐播放器之入门篇

所以看起来会比较轻松，不过tab组件应该在工作中应该会比较有用，这里会对vue-router进行简单运用。希望大家有所得，也希望自己在整理的过程中，能够把这个月学到都能通过文字写出来。我希望通过我的文
仲阳十贰·2023-07-19 11:00

Vue 页面权限控制(一)

目录前言一、路由元信息和beforeEach()1、路由元信息2、beforeEach()二、权限管理1、路由比较少的情况2、多路由-遍历to.matched总结前言1.如果您有Vue-router基础
白瑕·2023-07-19 08:55

Vue vue-router中必不可少的redirect，meta和hidden三个属性

redirect重定向在父子嵌套结构中，父级的redirect指向子级children里的pathmeta元数据可以作用判断用户是否已登陆可以通过meta值，展示面包屑hidden是否需要展示该路由是否渲染该路由入口
chase…·2023-07-19 03:01

使用Vue-Router实现页面跳转

安装npminstallvue-router@4--save项目中新建router.js文件import{createRouter,createWebHashHistory}from"vue-router
季布，·2023-07-19 01:05

【Vue3】路由怎么切换成 history 模式

两句代码：import{createWebHistory,createRouter}from"vue-router";//1constrouter=createRouter({history:createWebHistory
Sparks67·2023-07-19 01:30

vue3：获取当前路由地址

//router的path:"/user/:uid"useruid:{{uid}}import{defineComponent}from"vue";import{useRouter}from"vue-router
iiiilooaixuud·2023-07-18 20:14

vue3 watch 监听多值以及深度监听用法

1.监听单个值引入：import{…,watch}from“vue”;import{useRouter}from‘vue-router’;exportdefault{setup(){constroute
iiiilooaixuud·2023-07-18 20:14

Vue-Router 动态展示路由

前言：VueRouter的动态展示路由实现：路由定义：在VueRouter中，你需要定义路由。路由定义包括一个路径和对应的组件。通过配置不同的路由，你可以定义多个页面的路由及其对应的组件。路由匹配：当用户访问某个特定的路径时，VueRouter会根据预定义的路由进行匹配。匹配成功后，VueRouter会加载对应的组件，并将其渲染到页面上。动态路由参数：除了静态的路由路径外，VueRouter还支持
星辰大海1412·2023-07-18 17:36

Vue Router相关理解

vue-router是vue的一个插件库，专门用来实现SPA应用SPA应用的理解单页Web应用（singlepagewebapplication,SPA）整个应用只有一个完整的页面点击页面中的导航链接不会刷新页面
bubbleJessica·2023-07-18 08:12

Vue Router相关理解2

冒号to先转换成js语句，然后再使用模板字符串接收参数$route.query.id$route.query.title案例src/router/index.jsimportVueRouterfrom'vue-router
bubbleJessica·2023-07-18 08:12

Vue-Router相关理解3

路由跳转的replace方法编程式路由导航（不用）src/components/Banner.vueVueRouterDemo后退前进测试一下goexportdefault{name:'Banner',methods:{back(){this.$router.back()},forward(){this.$router.forward()},test(){this.$router.go(3)}}}
bubbleJessica·2023-07-18 08:38

vue-router模式与vue-next-router新改变

更新视图但不重新请求页面”是前端路由原理的核心之一，目前在浏览器环境中这一功能的实现主要为前两种方式hash:使用URLhash值来作路由。默认模式。history:依赖HTML5HistoryAPI和服务器配置abstract:支持所有JavaScript运行环境，如Node.js服务器端Vue2.0中的写法constroutes=[{name:'home'path:'/',component:
秘果_li·2023-07-18 04:32

十五、vben去掉路由的办法

createWebHashHistory为createWebHistoryimport{createRouter,createWebHashHistory,createWebHistory}from‘vue-router
arguments_zd·2023-07-18 01:47

vue项目总结（3）vuex+vue-router+axios实现登陆-权限拦截

上一篇中具体的说了vue-router的一些内容；今天加上axios实现接口上的控制；接着肯定涉及到状态的管理方面的内容了；还是先说一下涉及到的一些基础内容吧；了解一下axios在了解axios的时候；
吴高亮·2023-07-17 23:29

Vue3将参数发送到路由而不将它们添加到url

正常的路由跳转路由文件：import{createRouter,createWebHistory}from'vue-router'importtype{RouteRecordRaw}from'vue-router'constroutes
✎﹏ℳ๓₯㎕·2023-07-17 21:12
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他