mtindex跳转guessdetail

一、router/index.js

{
    path:'/mtindex',
    component: mtindex,
    children:[
     {
      path:':shopid',
      component:guessdetail
     }
    ]    

    },

二、mtindex.vue

1、html

<div class="content">
<uL>
 <li v-for="(item,key) in indexguess" :class="{'bdr-bottom': key !==
(indexguess.length-1)}"           @click="selectItem(item)">
 <div class="img"><img :src="item.img"></div>
 <div class="con">
  <p class="name">{{item.title}}</p>
  <p class="detail">{{item.detail}}</p>
     <p class="count"><cite>{{item.price}}元</cite>
<span>门市价:{{item.ms_price}}</span><em>已售        {{item.sale}}</em></p>
 </div>
     </li>
</uL>

</div>

2、export{}     //设置参数

 methods:{
  selectItem(item){
        this.$router.push({
      path: '/mtindex/detail', query:{shopid: item.id}
        });        
   }
  }

三、guessdetail.vue  获取参数

data(){
return{
shopid:(()=>{
                /* $route.query获取shopid */
                return this.$route.query.shopid

               })(),

        }

}

技术
©2019-2020 Toolsou All rights reserved,
Unity-Demo实例之 ✨ 实现UI-背包装备拖拽功能计算机网络---计算机网络基本概念(协议、体系)某东14薪变16薪,是诚意还是套路?让人意想不到的Python之樱花树(turtle库的华丽样式)java四大函数式接口(重点,简单)06【若依框架解读】数据范围过滤--太牛了Unity3D之UGUI基础--画布的三种模式os模块的简单使用html写樱花树,写樱花树的作文