Skip to content

Instantly share code, notes, and snippets.

@schorsch3000

schorsch3000/bower.json

Last active November 2, 2015 17:05
Show Gist options
  • Save schorsch3000/57a703cda68ed02949f4 to your computer and use it in GitHub Desktop.
Save schorsch3000/57a703cda68ed02949f4 to your computer and use it in GitHub Desktop.
Download ZIP
vue-strap issue: tab content not showing
Raw
bower.json
{
"name": "vuewstrap_test",
"version": "0.0.0",
"authors": [
"Dirk Heilig <heilig@adesso-mobile.de>"
],
"moduleType": [
"node"
],
"license": "MIT",
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
],
"dependencies": {
"vue-strap": "~0.1.2",
"vue": "1.0.0-migration",
"bootstrap": "~3.3.5"
}
}
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue test</title>
<script src="./bower_components/vue/dist/vue.min.js"></script>
<script src="./bower_components/vue-strap/dist/vue-strap.min.js"></script>
<link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap.css"/>
<link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap-theme.css"/>
</head>
<body id="body">
<tabset>
<tab header="title one">
<div>content one</div>
</tab>
<tab header="title two">
<div>content two</div>
</tab>
</tabset>
<script>
new Vue({
components: {
'tab': VueStrap.tab,
'tabset': VueStrap.tabset,
},
el: '#body' }
})
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment