zoukankan      html  css  js  c++  java
  • vue-router2.0 初学--动态赋值

    export default new Router({
      routes: [
        {
          path: '/home',
          name: 'Home',
          component: Home,
          children:[
            {path:'home1',component:Home1},
            {path:'home2',component:Home2},
            {path:'home3',component:Home3},
            {path:'home4',component:Home4},
          ],
        },{
          path: '/detail',
          name: 'detail',
          component:Detail
        },{
     path:'/',redirect:'/home/home1'
        }
      ],
      linkActiveClass:'ac'
    })
    

      B.template内部

    <li v-for="data in tuijiaList.playlists">
    <router-link :to="{path:'/detail',query:{id:data.id}}" >
    <span>{{data.playCount}}</span><i><img :src="data.coverImgUrl"></i>
    <p>{{data.name}}</p>
    </router-link>
    </li>
    

      

    C:在detail页面上怎么得到id 值?
     this.$route.query.id;
  • 相关阅读:
    将图片转换为base64 格式
    BFC
    面试
    不足之处
    html 调用摄像头 并抓拍
    css,js零散知识的整理
    语义化标签SEO
    Modernizr
    快速排序(2)
    快速排序(1)
  • 原文地址:https://www.cnblogs.com/lxlin/p/7866559.html
Copyright © 2011-2022 走看看