Skip to content

Instantly share code, notes, and snippets.

@ritchie46
Created April 30, 2018 09:23
Show Gist options
  • Save ritchie46/e4638f9f48919ec8c62d905df3551365 to your computer and use it in GitHub Desktop.
Save ritchie46/e4638f9f48919ec8c62d905df3551365 to your computer and use it in GitHub Desktop.
vue-navigation_html-side
<navigator :navs="[
{name: 'page 1', id: 'link-page1'},
{name: 'page 2', id: 'link-page2'},
{name: 'page 3', id: 'link-page3'},
]" active="link-page1">
</navigator>
<div v-show="activePage === 'link-page1'">
<p>Some content</p>
</div>
<div v-show="activePage === 'link-page2'">
<p>Some content</p>
</div>
<div v-show="activePage === 'link-page3'">
<p>Some content</p>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment