Vue.component('header-1', { delimiters: ['[[', ']]'], data: function () { return { } }, template: `
` }); Vue.component('header-2', { delimiters: ['[[', ']]'], data: function () { return { } }, template: `` }); Vue.component('header-3', { delimiters: ['[[', ']]'], data: function () { return { } }, template: `` }); Vue.component('header-4', { delimiters: ['[[', ']]'], data: function () { return { } }, template: `` }); Vue.component('step-btn', { delimiters: ['[[', ']]'], props: ['step', 'destination', 'is_added', 'next_text', 'prev_text', 'passengers'], data: function () { return { } }, methods:{ show_next: function(){ console.log(this.passengers.length, this.passengers) if(this.step==0 && this.destination){ return true; } if(this.step==1 && this.is_added){ return true; } if(this.step==2 && this.destination.passengers.length && this.passengers.length == this.destination.passengers.length){ return true; } if(this.step==3){ return true; } return false; } }, template: ` ` }); Vue.component('step-price', { delimiters: ['[[', ']]'], props: ['step', 'computed_price'], data: function () { return { } }, template: `