mtindex Jump guessdetail

One ,router/index.js

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

    },

Two ,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}} element </cite>
<span> Market price :{{item.ms_price}}</span><em> Sold        {{item.sale}}</em></p>
 </div>
     </li>
</uL>

</div>

2,export{}     // Set parameters

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

Three ,guessdetail.vue   Get parameters

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

               })(),

        }

}

Technology
©2019-2020 Toolsou All rights reserved,
Result Encapsulation of return result information python Short circuit logic in python Dynamic programming for single source shortest path mysql Recursively finds all child nodes of the parent class That's what you should know Mybatis-Plus Skills c Language rose advertising code Theory and formula derivation of univariate linear regression and multiple linear regression element-ui+vue-treeselect Verification of drop down box npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! test_vue_0613@1.0.0 dev: Solutions to errors about Bellman-Ford Personal understanding of algorithms