Vue中路由参数发生变化时,页面不更新

在Vue应用中遇到一个问题,当路由参数query变化时,对应的组件goods.vue并未自动更新。原因是组件没有监听$route对象的变化。解决办法是在goods.vue中使用watch来监听$route对象,当其变化时主动更新数据和页面。
摘要由CSDN通过智能技术生成

在实现网站过程中,由于设计问题,当点击任何二级菜单时都会跳转到一个相同组件上,但query参数里的数据不同。代码如下所示:

Category.vue的部分代码:

<template>
	 <!-- 菜单区域 -->
        <el-menu
          :default-active="activePath"
        >
          <!-- 一级菜单 -->
          <el-submenu
            :index="item.id"
            v-for="item in menuList"
            :key="item.id"
          >
            <template slot="title">
              <!-- 一级菜单文本 -->
              <span>{
   {
    item.name }}</span>
            </template
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值