vant - ナビゲーションバースロットスロット使用

//子组件 
<テンプレート> 
  <バン・ナビゲーション・バー> 
    <スロットスロット= "左"名前= "左"> </スロット> 
    <スロットスロット= "タイトル"名= "タイトル"> </スロット> 
    <スロットスロット= "右"名前= "右"> </スロット> 
  </バン・ナビゲーションバー> 
</テンプレート> 

<スクリプト> 
輸出デフォルト{ 
  名: 'ナビゲーションバー' 
}
 </ SCRIPT> 

<スタイル> 

</スタイル> //父组件 
<テンプレート> 
  <ナビゲーションバー> 
    <スパンスロット= "左"クラス= "バン-NAV-bar__text">返回</ span>の
    <divのスロット= "タイトル"クラス=」バン-NAV-bar__titleバン-省略記号">我の是ホーム标题</ div> 
    <バン・アイコン名は="検索」スロット= "右" /> 
  </ナビゲーションバー> 
</テンプレート> 
<スクリプト>



以下からのインポートナビゲーションバー '@ /コンポーネント/ナビゲーションバー' 

輸出のデフォルト{ 
  名: 'インデックス' 
  コンポーネント:{ナビゲーションバー} 
}
 </ SCRIPT> 

<スタイル> 

</スタイル>

 

おすすめ

転載: www.cnblogs.com/ibos/p/11612107.html