vue中向路由发送请求跳转不到相应的页面
代码1:路由的配置
```javascript
export default new VueRouter({
routes: [
//路由重定向
{
path: "*",
redirect: "/home",
},
{
path: "/search",
name: "search",
meta: { footer_show: true },
component: SearchPage,
},
],
});
代码2:请求路由(编程式路由导航向网络申请,this.$router.push向服务器发起请求)
```javascript
<h3>
<!-- v-bind="{ 'data-itemA': item1.categoryName }" -->
<a href="javascript:void(0)" :data-itemA="item1.categoryName" :data-item1Id="item1.
categoryId" @click="goSearch">{{
item1.categoryName }}</a>
</h3>
methods: {
//点击路由跳转
goSearch(event){
let { itema, item1id, item2id, item3id } = event.target.dataset
const query={
categoryName: itema,
}
// 检查是否存在 item1id、item2id 或 item3id,并添加到查询参数中
if (item1id) query.item1id = item1id
if (item2id) query.item2id = item2id
if (item3id) query.item3id = item3id
this.$router.push({
name: 'search',
query: query
})
}
问题:向服务器发起请求,同时参数也传递过去了,但是就是不会跳转到search这一个页面
第一次做项目,希望得到大家的帮助,谢谢大家!