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,
冲突声明(conflicting declaration)解决Dijkstra算法的Python实现-最短路径问题使用mt-range实现一个数字随着滑动杆变化的效果Spark SQL-编程Vue el-select 获取label值element ui 下拉框搜索功能科幻成真!“三体”被发现了(精华)2020年7月15日 微信小程序 template的使用elementui select 获取 value在vue+element-ui中,select选项值动态从后台获取,同时将选中值的id传给后台的方法