Guest User

Untitled

a guest
Feb 15th, 2019
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.96 KB | None | 0 0
  1. <div id="app">
  2. <div>
  3. <form-wizard @on-complete="onComplete"
  4. shape="square"
  5. layout="vertical"
  6. steps-classes="steps-size"
  7. color="#3498db">
  8. <tab-content title="Personal details"
  9. icon="ti-user" v-if="t2=='y'">
  10. My first tab content
  11. </tab-content>
  12. <tab-content title="Additional Info"
  13. icon="ti-settings" v-if="t3=='y'">
  14. My second tab content
  15. </tab-content>
  16. <tab-content title="Last step"
  17. icon="ti-check">
  18. Yuhuuu! This seems pretty damn simple
  19. </tab-content>
  20. </form-wizard>
  21. </div>
  22. </div>
  23.  
  24. Vue.use(VueFormWizard)
  25. new Vue({
  26. el: '#app',
  27. data(){return{
  28. t1:'y',
  29. t2:'y',
  30. t3:'y',
  31. }
  32.  
  33. },
  34. created:{
  35. //this.t2='y',
  36. },
  37. methods: {
  38. onComplete: function(){
  39. alert('Yay. Done!');
  40. }
  41. }
  42. })
Add Comment
Please, Sign In to add comment