鍍金池/ 問答/Unity 3D  HTML/ vue-router問題

vue-router問題

問題描述：有沒有辦法一個 router-link 對應一個 router-view

<div id="app">
  <p>
    <router-link to="/user/foo">/user/foo</router-link>
    
    <router-link to="/user/bar">/user/bar</router-link>
  </p>
<!-- 只顯示 /user/foo -->
  <router-view></router-view>

<!-- 只顯示 /user/bar -->  
  <router-view></router-view>
</div>

鏈接描述

回答
編輯回答
伐木累

命名視圖了解下？ vue-router命名視圖
但不適用你例子的情況，你例子里本質(zhì)上就是一個同一個組件不同參數(shù)而已，雖然可以通過這樣寫來實現(xiàn)

  <router-view v-if="$route.param.id === 'foo'"></router-view>
  <router-view v-if="$route.param.id === 'bar'"></router-view>

但感覺實現(xiàn)起來根本沒有意義

2018年8月18日 10:17
編輯回答
純妹

補充：
看了一下你提供的具體代碼，發(fā)現(xiàn)你的foo bar已是param 了,哪就判斷 $route.params.id 就可以了
如果有多個路由需要判斷 用不同的router-view來載入，可以在定義如由的時候 ，定義一個meta參數(shù)（如果少的話，直接判斷路由名就可以）

path: '/user/foo',
                        name: 'foo',
                        component: foo,
                        meta: {
                            showview: 'left' //隨變定義，可以判斷就可以
                        }
                        
                        然后
                        
                        <router-view v-if="$route.meta.showview=='left'"></router-view>


                        <router-view v-if="$route.meta.showview=='right'"></router-view>
2017年2月28日 04:39