useRoute

Vue 中监测路由变化时，通常不需要开启深度监听（deep: true）

1.路由变化的本质：引用地址改变Vue路由的核心对象是$route（或通过useRoute()获取的路由对象），当路由发生变化（如跳转页面、参数改变）时，VueRouter会创建一个新的$route对象
咔咔咔索菲斯·2025-07-11 14:49

在vue3中通过jspdf+html2canvas实现导出页面pdf功能

npminstallhtml2canvasjspdf二、创建Vue组件下载文件importhtml2canvasfrom'html2canvas';importjsPDFfrom'jspdf';constroute=useRoute
落晓星·2025-06-29 09:40

模块自动导入的小工具

import{ref,reactive,onMounted}from'vue'import{useRoute,useRouter}from'vue-router'项目里很多文件都需要引入这些公共库，比较繁琐
qq_46435701·2025-06-15 17:55

vue3结合element-plus封装ems菜单栏组件

item.name}}import{defineComponent,computed,ref}from'vue'import{useStore}from'@/store'import{useRouter,useRoute
进阶的巨人001·2025-06-11 20:11

iframe三方页面嵌入

urlimport{ref}from"vue";import{getToken}from"@/utils/auth";importdomainfrom"@/utils/http/domain";import{useRoute
啊～哈·2025-06-05 16:29

Ant Design Vue3 + TypeScript + Vite 左侧菜单生成

下面是一个示例：DashboardUserProfileListimport{defineComponent}from'vue';import{useRoute}from'vue-router';exportdefaultdefineComponent
zngfue·2025-05-01 06:16

nuxt3网站文章分享微信 ,QQ功能

npminstallqrcode--save-dev2.组件使用分享:微博QQ好友-->微信打开微信扫一扫将您喜欢的内容分享微信朋友圈QQimportQRCodefrom"qrcode";constroute=useRoute
海鸥002·2025-03-28 12:08

vue路由缓存问题

import{watch}from'vue';import{useRoute}from'
要天天开心啊·2025-03-28 12:04

vite+vue+ts+element-plus从零开发管理后台框架(14)-全屏切换

script段引入并实例化FullScreenimport{onMounted,ref}from'vue'import{useRoute,useRouter}from'vue-router'import
·2025-03-13 06:32

面包屑-当前路由的所有父级路径

vue3router提供了一个方法，可以获得当前路由的所有直属父节点，例如：获取方法如下：constroute=useRoute();console.log("路由信息",route.matched);
·2025-02-23 21:10

面包屑-当前路由的所有父级路径

vue3router提供了一个方法，可以获得当前路由的所有直属父节点，例如：获取方法如下：constroute=useRoute();console.log("路由信息",route.matched);
·2025-02-23 20:38

Vue - route路由（router-link、useRoute、useRouter）

为了避免反复在app.vue中去修改引入的路径，当用了新的页面，想切换回老页面的时候，都需要去手动改变路径，那么有没有一种可能，可以在一个地方，把这些组件配置好，然后通过不同的路径，就去访问不同的组件呢？vuerouter就提供了这个功能，翻译一下，router：路由，vuerouter，vue的路由。单页面应用：SPASPA的核心思想是将应用划分为多个组件，通过前端路由来控制不同组件的显示，实现
来一碗刘肉面·2025-02-01 01:07

【vue3|第25期】Vue3中的useRoute：轻松访问路由信息

日期：2024年8月21日作者：Commas签名：(ง•_•)ง积跬步以致千里,积小流以成江海……注释：如果您觉在这里插入代码片得有所帮助，帮忙点个赞，也可以关注我，我们一起成长；如果有不对的地方，还望各位大佬不吝赐教，谢谢^-^1.01365=37.7834；0.99365=0.02551.02365=1377.4083；0.98365=0.0006说在最前面：本文vue3的示例代码，在没有另外
Commas.KM·2024-08-25 14:13

【Vue3】路由传参的几种方式

letstr="田本初"2.接收与使用//接收import{useRoute}from"vue-router"constroute=useRoute
田本初·2024-02-20 07:25

vue3学习——封装菜单栏

/Sidebar.vue'//在下面的代码里import{useRoute}from'vue-router'importuseUserStorefrom'@/store/modules/user.ts'
可乐KL·2024-02-12 06:06

乐意购项目前端开发 #6

Detail文件夹,然后创建index.vue文件import{getDetail}from"@/api/goods/index";import{ref,onMounted}from"vue";import{useRoute
guaiwu_·2024-02-07 02:12

【Vue3+Vite】路由机制router 快速学习 第四期

文章目录路由简介路由是什么路由的作用一、路由入门案例1.创建项目导入路由依赖2.准备页面和组件3.准备路由配置4.main.js引入router配置二、路由重定向三、编程式路由(useRouter)四、路由传参(useRoute
道格维克·2024-02-03 06:43

vue3 element-plus 将路由和激活菜单绑定

{{item.meta.title}}import{onMounted,ref}from'vue';import{useRouter,useRoute}from'vue-router';constrouter
不爱吃饭爱吃菜·2024-02-02 07:22

[Vue3] useRoute、useRouter

useRoute返回当前路由地址。相当于在模板中使用$route。必须在setup()中调用。用于在组件中获取当前路由的信息，返回一个包含路由信息的对象。
斯文～·2024-02-01 00:58

【Vue3+Ts】简单路由配置页面缓存keepAlive可选控制

true,//主要代码},component:()=>import("@/view/Home/index.vue"),}]App.vue配置import{computed}from"vue";import{useRoute
极致♀雨·2024-01-31 18:35

前端面包屑导航的，导航内容从何而来

由于面包屑与路由有关所以我们可以把面包屑的数据存储在路由中，在前端的router.ts文件中在路由配置文件中添加meta属性用来存储面包屑信息，然后在一个封装好的头部文件中获取面包屑数据即可import{useRouter,useRoute
左小白·2024-01-29 10:20

vue3常用代码：监听路由|mitt、project/inject无效|防抖函数|下载函数

监听路由import{useRoute}from"vue-router";letrouter=useRoute();watch(()=>router.path,(newValue,oldValue)=>
PBitW·2024-01-28 03:49

浪花 - 主页开发

一、简易版主页1.主页展示用户列表{{tag}}联系我import{useRoute}from'vue-router'import{onMounted,ref}from"vue";importmyAxiosfrom
乐小鑫·2024-01-21 03:47

＜Articles v-if=“!loading“ :articles=“props.articles“ /＞的区分

问:import{onMounted,ref}from'vue'import{useRoute}from'vue-router'importArticlesfrom'..
fury_123·2024-01-19 01:06

Vue3前端h5移动端页面预览PDF使用pdfjs-dist，添加自定义文本水印

pdfjs-dist版本[email protected]{ref,onMounted,watch}from'vue'import{useRoute}from"vue-router
Amodoro·2024-01-19 00:50

微信H5获取微信文章

iframe嵌套微信公众号文章-掘金(juejin.cn)大佬的import{useRoute}from"vue-router";import{getCurrentInstance}from"vue";
2333!!!!!·2024-01-18 04:11

解决若依Vue3前后端分离---路由切换时显示白屏

import{useRoute}from'vue-router';importiframeTogglefrom'./IframeToggle/ind
简单点了·2024-01-17 04:53

Vue3中 在 TypeScript 文件中无法使用 useRouer 和 useRoute 的方法和属性是怎么回事?如何解决？

Vue3中在TypeScript文件中无法使用useRouer和useRoute的方法和属性是怎么回事?如何解决？
一个水瓶座程序猿.·2024-01-12 17:47

VUE购物车商品的添加、删除和计算总金额功能

checkgroup}}总金额计算:{{getSum()}}import{reactive,toRefs,onBeforeMount,onMounted}from"vue";import{useRouter,useRoute
小阳生煎·2024-01-11 19:31

Vue中$route和$router

在Vue3中，可以使用useRoute和useRouter这两个函数代替$route和$router。因此$router是用来操作路由的，$route是用来获取路由信息的。
进击中的大学生·2024-01-11 01:13

Vue3-34-路由-路由配置参数 props

在组件中，可以通过当前路由对象的params属性来获取到这个参数，当前路由对象可以通过useRoute()API来获取到。
NorthCastle·2024-01-05 01:03

vue3中当路由一样，参数quary不一样的跳转页面不刷新问题

import{useRoute}from'vue-router'setup()
jojo是只猫·2024-01-04 13:04

Vue3路由回退

1.在需要回退的页面，添加一个按钮，然后为这个按钮添加一个点击事件回退2.在中引入需要的路由组件useRoute，并引用import{useRouter}from"vue-router";constrouter
gurenchang·2023-12-29 09:12

Vue3-26-路由-useRouter 和 useRoute 两个API 的作用介绍

先来说说两个API的作用useRouter():返回的是项目中的路由实例的对象可以通过这个实例对象进行路由的逻辑跳转useRoute():返回的是当前的路由对象，可以在当前路由对象中获取到路由名称、路由参数
NorthCastle·2023-12-29 08:28

Vue3-27-路由-路径参数的简单使用

3、路径参数可以有多个；4、路径参数可以在组件中通过useRoute()API返回的当前路由
NorthCastle·2023-12-29 08:25

路由跳转传递参数注意事项，查询字符串传参，params传参需要注意的地方，菜单内容的二级内容 vue3

useRouter()1.查询字符串传参，传一个对象，对象里面可以写path字段router.push({path:'/item',query:{id:1}})通过当前路由拿到查询字符串传递过来的参数import{useRoute
深一海·2023-12-21 11:27

vue3一键回到顶部方法

110import{reactive,toRefs,onBeforeMount,onMounted,}from'vue'import{useRouter,useRoute}from'vue-router
小阳生煎·2023-12-21 00:17

Vscode中快速生成Vue3模版

"body":["","","","","","import{reactive,toRefs,onBeforeMount,onMounted}from'vue'","import{useRouter,useRoute
小阳生煎·2023-12-21 00:47

Vue3的路由跳转传参接参

',query{传入参数}}然后通过route.query来进行接收a页面登录import{reactive,toRefs,onMounted,}from"vue";import{useRouter,useRoute
小阳生煎·2023-12-21 00:47

Vue3中vite动态import引入打包报错解决

Vite支持使用特殊的import.meta.glob函数从文件系统导入多个模块，需要使用这个方式import{RouteRecordRaw,createRouter,createWebHistory,useRoute
成都彭于晏的橙子·2023-12-20 10:00

vue使用qrcodejs2-fix或者qrcodejs2插件生成二维码

import{defineComponent,reactive,toRefs,computed,watch,onMounted,ref,Ref,createVNode}from'vue';import{useRoute
柠檬加栤·2023-12-05 13:00

【vue-router】useRoute 和 useRouter 的区别

目录引言官方文档useRoute函数useRouter函数useRoute和useRouter区别结语开源项目引言在Vue3.2中，VueRouter提供了一些新的API以更好地与CompositionAPI
有来技术·2023-12-03 15:51

React Router（用法介绍）

npminstallreact-router-dom然后，在你的应用中引入所需的组件和函数：import{BrowserRouterasRouter,Switch,Route,Link,useParams,useRoute
LBOcean·2023-12-02 07:37

vue3 路由跳转携带参数

这种写法防止url地址携带多选的大量数据//name:路由name，params:携带参数router.push({name:'RoutePushEdit',params:{id:id}});import{useRoute
KTFF·2023-11-23 21:24

Vite Vue3+Element Plus框架布局

需要单独注册import{MenuasIconMenu,Message,Setting,HomeFilled}from'@element-plus/icons-vue'import{useRouter,useRoute
无盐海·2023-11-18 18:17

vue3路由跳转传参

首先声明：constroute=useRoute()constrouter=useRouter()1、不传值：router.push('/路由路径')router.push({path:'/跳转的路由路径
红颜い笑倾城·2023-11-17 06:14

vue3 watch用法

1、监听路由变化import{ref,watch}from"vue"import{useRoute}from"vue-router"constroute=useRoute()constshowPage=
余温无痕·2023-11-06 01:11

vue3路由跳转params传参接收不到？

constwithdrawalClick=(item)=>{router.push({name:"Devwithdrawal",params:{name:123}});};//跳转页面接收参数import{useRoute
wyy爱学习·2023-11-05 07:15

vue3 + ts ＜script setup＞语法糖

这里是引用1.data2.computed3.父传子4.子传父5.原型链绑定和组件使用6.父子组件v-model7.nextTick8.插槽9.路由useRoute和useRouter10.路由守卫11
一个打工仔的笔记·2023-11-04 01:52

vue3中的route和router

作为替代，我们使用useRouter和useRoute函数,或者Vue3中提供了一个getCurrentInstance方法来获取当前Vue实例import{useRouter,useRoute}from'vue-router'constroute
是三好·2023-10-25 06:40
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他