admin管理员组

文章数量:1633942

项目场景：

跳转到详情页

问题描述

路由跳不过去

//home.vue
<template>
<goods-list :goods="showGoods"></goods-list>
</template>
export default(){
  data(){
    return{
      goods:{
        'pop':'{page:0, list:[]}'  ,
        'new':'{page:0, list:[]}',
        'sell':'{page:0,list:[]}'
      },
      currentType:'pop'
    }
  },
  computed:{
     showGoods(){
       return this.goods[this.currentType].list 
     } 
  }
}

//goodsList.vue
//goodsListitem.vue
methods: {
      itemClick () {
        // console.log('跳转详情页');
        this.$router.push('/detail/' + this.goodsItem.iid)
        // console.log(this.goodsItem.iid);
        // console.log(this.$router);
      }
    },

路由入口文件
//index.js
{
  path:'/detail/':iid,
  component:() => import('../views/detail/Detail')
}

//Detail.vue
import {getDetail} from 'network/detail.js
data(){
  return {
     iid: null
  }
},
created(){
  this.iid = this.$route.params.iid
  getDetail(this.iid).then(res => {
     console.log(res)
  })
}

原因分析：

经goggle，在stack overflow查询，和chrome缓存有关

解决方案：

更新chrome

本文标签： 跳转路由页面vueid

版权声明：本文标题：【vue】页面跳转 路由携带ID 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1729176976a1188841.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。