我如何在Vue.js中获取查询参数?
例如:
http://somesite.com?test=yay
我找不到获取数据的方法,是需要使用纯JS或某个库吗?
我如何在Vue.js中获取查询参数?
例如:
http://somesite.com?test=yay
我找不到获取数据的方法,是需要使用纯JS或某个库吗?
<template>
<div>
{{ showOrNotTheMessage }}
</div>
</template>
<script>
export default {
computed: {
showOrNotTheMessage() {
return this.$route.query?.lookingforthis
? 'Show this message'
: 'Dont show this message'
},
},
}
</script>
这个示例主要会显示一个条件字符串。
root
组件,然后在控制台中访问整个 Vue 实例。$vm0.$route.query
注意:在 Vue3 中,您需要使用以下代码才能通过 Devtools 访问 Vue 实例。
$vm0.proxy.$route.query
那可以帮助您更快地调试代码,可能找到有趣的东西来玩耍。
1439990638887137282
this.courseId = this.$route.params.id
console.log('courseId', this.courseId)
import router from '../../router'
router.currentRoute.value.params.id