Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div id="app">
- <div>
- <form-wizard @on-complete="onComplete"
- shape="square"
- layout="vertical"
- steps-classes="steps-size"
- color="#3498db">
- <tab-content title="Personal details"
- icon="ti-user" v-if="t2=='y'">
- My first tab content
- </tab-content>
- <tab-content title="Additional Info"
- icon="ti-settings" v-if="t3=='y'">
- My second tab content
- </tab-content>
- <tab-content title="Last step"
- icon="ti-check">
- Yuhuuu! This seems pretty damn simple
- </tab-content>
- </form-wizard>
- </div>
- </div>
- Vue.use(VueFormWizard)
- new Vue({
- el: '#app',
- data(){return{
- t1:'y',
- t2:'y',
- t3:'y',
- }
- },
- created:{
- //this.t2='y',
- },
- methods: {
- onComplete: function(){
- alert('Yay. Done!');
- }
- }
- })
Add Comment
Please, Sign In to add comment