vue 怎么处理get请求，接收url地址栏参数

本文主要是介绍vue 怎么处理get请求，接收url地址栏参数，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

这篇关于vue 怎么处理get请求，接收url地址栏参数的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---