一般来说,vue直接处理url参数请求的几率比较小,但是有时动态路由会用得到。
在vue2中较为简单,直接用this.$route.query.参数名称,即可获取。如下:
<template>
<div>{{userid }}</div>
</template>
<script>
export default {
data(){
return{
userid:this.$route.query.id
}
}
}
</script>
vue3中较为麻烦:
import { useRoute } from "vue-router"
setup() {
const route = useRoute()
//url地址栏参数
console.log(route.query, route.params)
}