useRouter

vue 3.0 实现 el-table分页后依然选中

setup(){constrouter=useRouter();constmultipleTable=ref(null);conststate=reactive({multipleSelection:[
Specialize in Linxu·2023-11-08 09:07

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

一、之前的用法import{useRouter}from"vue-router";constrouter=useRouter();//提现记录constwithdrawalClick=(item)=>{
wyy爱学习·2023-11-05 07:15

vue3 路由 页面跳转方式

方式一：标签方式会前版10.15方式二：js方式constrouter=useRouter();router.push("after");
江火渔枫·2023-11-04 09:13

vue3 + ts ＜script setup＞语法糖

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

Vue3实现好看的登录页面

效果地址http://123.249.113.0:8088/#/代码：考勤管理信息系统import{onMounted,ref}from"vue";import{useRouter}from"vue-router
万物得其道者成·2023-11-02 23:32

vue封装个日历，样式参考vant

月日一二三四五六{{month}}{{day.date&&day.date.getDate()}}今importHeaderfrom"@/components/header/Header.vue";import{useRouter
菜鸟书生·2023-11-01 22:22

vite+vue3路由切换滚动条位置重置el-scrollbar

vite+vue3路由切换滚动条位置重置本文目录vite+vue3路由切换滚动条位置重置使用原生滚动条使用el-scrollbaruseRoute和useRouter当切换到新路由时，想要页面滚到顶部，
anjushi_·2023-10-31 20:25

elementPlus | el-tabs 标签管理路由页面

import{useRouter}from'vue-router'constrouter=useRouter()consttabClick=(tab)=>{constidx=tab.indexif(idx
要加油哦～·2023-10-29 18:00

vue3获取路由信息

import{useRouter}from"vue-router"//v3获取路由信息constrouter=useRouter()console.log(router.getRoutes())
苏小画·2023-10-25 14:36

vue3中的route和router

作为替代，我们使用useRouter和useRoute函数,或者Vue3中提供了一个getCurrentInstance方法来获取当前Vue实例import{useRouter,useRoute}from'vue-router'constroute
是三好·2023-10-25 06:40

vue3 route和router的区别以及如何传参数接受参数，如何像vue2一样使用$route和$router详解

作为替代，我们使用useRouter和useRoute函数,或者Vue3中提供了一个getCurrentInstance方法来获取当前Vue实例import{useRou
跪下，大胆刁民·2023-10-23 03:58

Taro做微信小程序路由传参

internetList='+JSON.stringify(internetList||[]),})2.接收参数importTaro,{useRouter}from"@tarojs/taro";//使用
目所及皆回忆·2023-10-22 09:50

websocket+node+vite(vue)实现一个简单的聊天

spm=1001.2014.3001.5501新增一个登录页和聊天室页面登录页用户名:进入聊天室import{onMounted,ref}from"vue";import{useRouter}from"vue-router
键.·2023-10-18 03:34

vue2 route包含的信息和router使用的详细介绍 vue3 useRouter和useRoute 使用以及三种传参方式

vue2route是用来获取路由信息的，router是用来操作路由的。$route是路由信息对象，每一个路由都会有一个route对象，是一个局部的对象,里面主要包含路由的一些基本信息，比如name、meta、path、hash、query、params、fullPath、matched、redirectedFrom...$route.name当前路径名字$route.meta路由元信息可以用在导航
树洞菇凉·2023-10-17 16:54

VUE3照本宣科——路由与状态管理器

VUE3照本宣科——路由与状态管理器前言一、路由（router）1.createRouter2.router-link3.router-view4.useRoute5.useRouter6.路由守卫7.
*长铗归来*·2023-10-06 19:45

vue3，单页面应用打开多个tab窗口

1、在vue中一般通过router.push进行路由跳转都是在同一个tab窗口实现，如果需要打开多个tab窗口需要结合window.open实现2、具体实现import{useRouter}from'vue-router'constrouter
ZL随心·2023-10-01 10:50

vue3关于路由query传参

传参import{useRouter}from"vue-router";constrouter=useRouter();router.push({path:"/Detail",query:{id:"123
半朵梨花压海棠·2023-09-29 14:42

Vue3 使用router，params传参为空，怎么办？

import{useRouter}from"vue-router"constrouter=user
不爱吃饭爱吃菜·2023-09-19 17:38

移动端H5封装一个 ScrollList 横向滚动列表组件，实现向左滑动

import{defineComponent,onMounted,onBeforeUnmount,reactive,ref,toRefs,nextTick,watch,}from"vue";import{useRouter
Code L·2023-09-17 06:22

代码报错解析 关于need_list 变量在 setup() 函数中定义，但是没有被返回给模板进行渲染

setup(){constrouter=useRouter()constneed_list=router.getRoutes().filter(v=>v.meta.isShow)//console.log
@阿猫阿狗~·2023-09-15 13:28

vue3 表单搜索内容回显到地址栏

地址栏输入内容回显到form表单，同理表单输入内容也要回显到地址栏中重置查询import{ref,watchEffect}from"vue";import{useRoute,useRouter}from"vue-router
饱饱~~·2023-09-13 09:29

vue3的params传参失效的解决方案state

router.push的params传参，一直拿不到参数查阅资料如下：——————————————————————————————————————————state方案如下：要传参的组件import{useRouter
前端小怪兽zmy·2023-09-12 21:24

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

import{useRouter}from"vue-router";constrouter=useRouter();//提现记录constwithdrawalClick=(item)=>{router.push
ZYJ~·2023-09-11 12:59

vue3+ts+vite使用el-breadcrumb实现面包屑组件，实现面包屑过渡动画

动态效果二、全量代码import{ref,watch}from'vue';importtype{RouteLocationNormalizedLoaded}from'vue-router';import{useRouter
礼貌而已·2023-09-08 14:37

vue3组件路由钩子

constrouter=useRouter();router.beforeEach((to,from)=>{returntrue})vue3.路由改写，废除了next()用return代替
用技术改变世界·2023-09-07 23:43

Vue Router之动态路由

添加路由添加路由，参数是路由对象import{useRouter}from'vue-router';constrouter=useRouter();router.addRoute({path:'/ab
·2023-09-06 16:49

vue3.2版本 在浏览器打开一个新窗口 和 在页面弹出新窗口的写法（传参和接收参数）

第一种：浏览器打开一个新窗口//模板传值到编辑器import{useRoute,useRouter}from"vue-router";constrouter=useRouter();constroute
六加六呀·2023-09-06 04:50

Vue中使用qrcode实现渲染二维码中间添加自定义logo-demo

import{ref,reactive}from'vue';importQRCodefrom'qrcode';import{getNewCode}from'@/api/sefatyCenter';import{useRouter
JackieDYH·2023-09-04 22:36

路由跳转和传参(vue3)

vue3路由官方文档安装路由npmnpminstallvue-router@4yarnyarnaddvue-router@4路由跳转首先在需要跳转的页面引入API---useRouterimport{useRouter
入门中……·2023-09-03 18:36

vue3 rouer params传参的问题

但是，vue3又更新了一个替代params的方式：historyAPIimport{useRouter}from"vue-router"constrouter=userRouter;//跳转路由，传递参数
Passerby_K·2023-08-30 22:21

vue3+element-plus+ts elplus table 实现表格动态列 表格列显示与隐藏的动态控制 支持传递插槽与多级表头

但是我这个封装的函数或者属性较少,如果需要请自行增加import{IPage}from'@/mixins/pagination'import{TableKey}from'@/types/enum'import{useRouter
合法的咸鱼·2023-08-30 10:57

移动端签名

完成重签返回import{useRouter}from"vue-router";exportdefault{name:"CanvasSign",data(){return{promiseIMG:"",promShow
糖醋里脊120625·2023-08-28 23:04

vue3中的router和useRouter的区别

结论：从vue-router的官方文档中发现，useRouter需要在setup中使用，而router可以在任何组件中使用。二者是等价的，适用场景不同。
要加油哦～·2023-08-20 20:02

Vue router动态添加路由警告问题记录

问题描述控制台提示如下警告：[vue-router]router.addRoutes()isdeprecatedandhasbeenremovedinVueRouter4.Userouter.addRoute
Komorebi゛·2023-08-20 09:03

vue3+vite+ts引入海康威视监控

props传入监控编号就能使用了index.vueimport{reactive,onMounted,onDeactivated,watch,onActivated}from"vue";import{useRouter
范天缘·2023-08-19 06:26

封装Taro的webview组件

{WebView}from'@tarojs/components';importTaro,{useReady,useShareAppMessage}from'@tarojs/taro';import{useRouter
大莲芒·2023-08-17 17:33

Vue3.0 页面跳转的 5 种方式

首先引入import{useRouter}from"vue-router";使用router接收useRouterconstrouter=useRouter();router.push({path:"目标路由位置
他在时间门外·2023-08-16 00:01

【Vue-Router】别名

First.vueFirstSecitonSecond.vue，Third.vue代码同理UserSettings.vueUserSettingschildren1children2返回import{useRouter
谢尔登·2023-08-15 12:08

【Vue-Router】重定向

First.vueFirstSecitonSecond.vue，Third.vue代码同理UserSettings.vueUserSettingschildren1children2返回import{useRouter
谢尔登·2023-08-15 07:27

自定义hook之获取页面 url 参数 hook

本例子实现了自定义hook之获取页面url参数hook，具体代码如下import{useRouter}from"taro-hooks";/***获取页面url参数hook*@returns*/constusePageParams
大莲芒·2023-08-14 14:42

【Vue3-Router】历史记录

replaceApp.vuehelloworldloginregLoginRegimport{useRouter}from'vue-router';constrouter=useRouter();consttoPage
谢尔登·2023-08-14 10:03

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

一、之前的用法import{useRouter}from"vue-router";constrouter=useRouter();//提现记录constwithdrawalClick=(item)=>{
都挺好，刚刚好·2023-08-12 01:52

vue项目中实现国际化

ThisstartertemplateisusingVue3SFCs//Checkouthttps://vuejs.org/api/sfc-script-setup.html#script-setupimport{useRouter
alice--小文子·2023-08-06 12:12

Vue3之路由认识

现在vue3有所变化，useRoute相当于以前的this.route，而useRouter相当于this.route，而useRouter相当于this.route，而useRouter相当于this.router
在路上`·2023-08-05 20:41

踩坑：vue3路由跳转，数组对象重新赋值

效果如下：但是再完成这个小demo的时候遇到了一点常见的坑，所以分享出来，希望给刚刚学习vue3的小伙伴一点帮助1.路由跳转正常的路由跳转是需要进行以下几步的第一步：引入useRouterimport{useRouter
易风有点疯·2023-08-05 17:22

Vue3和typeScript路由传参

query传参跳转页面：拿到router对象,调用push方法做跳转.import{useRoute,useRouter}from"vue-router";exportdefaultclassmyViewextendsVue
Erica_莲子·2023-08-03 19:13

vue3.0 监听地址栏url

import{watch}from'vue'import{useRouter}from'vue-router'setup(){constroute=useRouter()watch(route.currentRoute
张张524·2023-07-31 11:16

vue3.0 登录页demo

1、login.vue欢迎登录helloword系统记住密码登录import{onMounted,reactive,toRefs,watch}from'vue'//引入路由import{useRouter
小六路·2023-07-26 21:03

express编写一个简单的get接口

/router/user.js')//注册路由app.use('/api',useRouter)app.listen(8080,(req,res)=>{console.log('8080监听')})./
要努力奋斗鸭·2023-07-26 01:44

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
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他