一般来说,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)
}