首页 > 其他分享 >vue3获取url参数的值

vue3获取url参数的值

时间:2023-03-27 10:33:09浏览次数:41  
标签:url onMounted caseId value 参数 currentRoute vue3 router

<script setup name="Welcome">
import { onMounted } from 'vue';
import { useRouter } from 'vue-router';
const $router = useRouter();
onMounted(() => {
  console.log('$router:', $router.currentRoute.value.params.caseId);
});
</script>
$router.currentRoute.value.params.caseId获取不到的话可以
$router.currentRoute.value先打印出来,再找到对应值在哪里

标签:url,onMounted,caseId,value,参数,currentRoute,vue3,router
From: https://www.cnblogs.com/bisiyuan/p/17260693.html

相关文章

  • Vue3 脚手架
    1.使用vue-cli创建脚手架PowerShellvuecreatevue3_test#创建vue3工程,vue-cli版本必须在4.5.13以上PowerShellnpmrunserve#运行工程2.使用......
  • 对于Vue3和Ts的心得和思考
    作者:京东物流吴云阔1前言Vue3已经正式发布了一段时间了,各种生态已经成熟。最近使用taro+vue3重构冷链的小程序,经过了一段时间的开发和使用,有了一些自己的思考。总的来说,Vu......
  • 对于Vue3和Ts的心得和思考
    作者:京东物流吴云阔1前言Vue3已经正式发布了一段时间了,各种生态已经成熟。最近使用taro+vue3重构冷链的小程序,经过了一段时间的开发和使用,有了一些自己的思考。总的来......
  • vue3 + vite 调试时断点位置错误
    vite-plugin-vue-setup-extend(版本0.4.0)插件的问题,删掉就好了。该插件用于解决scriptsetup语法糖下,不方便直接指定name名称的问题。在vite/plugins/index.js文件中......
  • mybatis批量更新不同参数多条语句带分号update报错的解决方案
    问题在走接口的时候,需要使用mybtatis的批量更新,偷了个懒使用Foreach的形式拼接多个sql语句进行更新。结果在执行到这个sql的时候update一直报错###Errorupdatingdata......
  • Vue3的fetch和Axios
    Vue3的fetch和Axios都是用于发送HTTP请求的JavaScript库,但是它们之间有以下几个区别:语法不同:fetch是浏览器原生的API,使用起来比较简单,而Axios是一个第三方库,需要通过npm安......
  • iOS使用NSURLSession进行下载(包括后台下载,断点下载)
    https://www.jianshu.com/p/1211cf99dfc3 从iOS7以来,苹果推出NSURLSession后,iOS现在可以实现真正的后台下载,这对我们iOSer来说是一个福音。一个 NSURLSession对象......
  • explain解析执行计划的各个参数
    如图所示,explain中包含的信息有:id:查询序列号MySQL会为每个select语句分配一个唯一的id值,用来表示查询中执行select子句或者操作表的顺序。如果只是单纯的查一个表,......
  • Vue2和Vue3之响应式原理详解
    目录1响应式原理1.1简介1.2vue2和vue3区别1.2.1Object.defineProperty()1.2.2Proxy1.3Vue2响应式原理1.3.1给data属性创建Observer实例1.3.2通过Observer实例把dat......
  • 在Vue3+TypeScript 前端项目中使用事件总线Mitt
    事件总线Mitt使用非常简单,本篇随笔介绍在Vue3+TypeScript前端项目中使用的一些场景和思路。我们在Vue的项目中,经常会通过emits 触发事件来通知组件或者页面进行相应的处......