在vue-router中,如果查询参数没有值,可以通过以下几种方式来实现不显示它:
<template>
<div>
<div v-if="$route.query.param">显示的内容</div>
</div>
</template>
const routes = [
{
path: '/example',
redirect: to => {
if (!to.query.param) {
return '/other';
}
}
},
{
path: '/other',
component: OtherComponent
}
];
methods: {
redirectToOther() {
if (!this.$route.query.param) {
this.$router.push('/other');
}
}
}
以上是几种常见的处理方式,根据具体情况选择适合的方法来实现不显示查询参数。关于vue-router的更多详细信息和用法,可以参考腾讯云的产品文档:Vue Router。
领取专属 10元无门槛券
手把手带您无忧上云