vue页面跳转没有刷新数据

情景:

A页面新增数据,B页面查看新增数据,B页面查看不到刚刚新增的数据

原因:

页面B加载时,没有执行created()函数,所以可能是使用了缓存数据

解决方法:

将created()或mounted()函数中执行获取数据的方法放到activated()函数中,

activated()函数:每次页面加载就会执行该函数

同时该函数也可以获取到路由传递过来的参数

methods:{
    /**
     * 获取数据
     */
    getDataList(){
      request({
        url:'standardClassify/querySecondIcsStandard',
        methods: 'get',
        params:{parentCode:this.parentCode}
      }).then((rsp)=>{
        if(rsp.resultCode==='0'){
          this.secondDataList=rsp.data
        }else {
          this.$message({
            message:'请求数据错误',
            type:'error',
            duration:1500
          })
        }
      })
    },
  },
  activated(){
    this.parentCode=this.$route.query.item.code
    this.getDataList();
  }
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值