SHARE
TWEET

Untitled

a guest Jun 15th, 2019 140 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <template>
  2.     <!-- Listen to before and after tab change events -->
  3.     <ion-tabs>
  4.         <ion-tab tab="regulasi">
  5.             <ion-content>
  6.                 <regulasi/>
  7.             </ion-content>
  8.         </ion-tab>
  9.  
  10.         <!-- Match by "app.about" route name -->
  11.         <ion-tab tab="about" :routes="'about'">
  12.             <ion-content>
  13.                 <about/>
  14.             </ion-content>
  15.         </ion-tab>
  16.  
  17.         <!-- Use v-slot:bottom with Vue ^2.6.0 -->
  18.         <template slot="bottom">
  19.             <ion-tab-bar>
  20.                 <ion-tab-button tab="regulasi" :to="{ name: 'regulasi' }">
  21.                     <ion-icon name="calendar"></ion-icon>
  22.                     <ion-label>regulasi</ion-label>
  23.                 </ion-tab-button>
  24.  
  25.                 <!-- Provide a custom route to navigate to -->
  26.                 <ion-tab-button tab="about" :to="{ name: 'about' }">
  27.                     <ion-icon name="contacts"></ion-icon>
  28.                     <ion-label>about</ion-label>
  29.                 </ion-tab-button>
  30.             </ion-tab-bar>
  31.         </template>
  32.     </ion-tabs>
  33. </template>
  34.  
  35. <script>
  36.     import Regulasi from "../views/Regulasi";
  37.     import About from "../views/About";
  38.     export default {
  39.         components: {
  40.             Regulasi,
  41.             About
  42.         }
  43.     };
  44. </script>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top