Select and multi select change option event with (key and value)
This commit is contained in:
		| @@ -428,6 +428,71 @@ export default { | |||||||
|             this.$emit('interface', this.selected); |             this.$emit('interface', this.selected); | ||||||
|  |  | ||||||
|             this.$emit('change', this.selected); |             this.$emit('change', this.selected); | ||||||
|  |  | ||||||
|  |             // Option changed sort_option data | ||||||
|  |             if (this.group) { | ||||||
|  |                 this.sort_options.forEach(function (option_group, group_index) { | ||||||
|  |                     this.option_group.value.forEach(function (option, index) { | ||||||
|  |                         if (this.multiple) { | ||||||
|  |                             let indexs = []; | ||||||
|  |                             let values = []; | ||||||
|  |                             let labels = []; | ||||||
|  |                             let options = []; | ||||||
|  |  | ||||||
|  |                             this.selected.forEach(function (selected_option_id, selected_index) { | ||||||
|  |                                 if (option.value = this.selected) { | ||||||
|  |                                     indexs.push(selected_index); | ||||||
|  |                                     values.push(option.id); | ||||||
|  |                                     labels.push(option.value); | ||||||
|  |                                     options.push(option); | ||||||
|  |                                 } | ||||||
|  |                             }); | ||||||
|  |  | ||||||
|  |                             this.$emit('index', indexs); | ||||||
|  |                             this.$emit('value', values); | ||||||
|  |                             this.$emit('label', labels); | ||||||
|  |                             this.$emit('option', options); | ||||||
|  |                         } else { | ||||||
|  |                             if (option.value = this.selected) { | ||||||
|  |                                 this.$emit('index', index); | ||||||
|  |                                 this.$emit('value', option.id); | ||||||
|  |                                 this.$emit('label', option.value); | ||||||
|  |                                 this.$emit('option', option); | ||||||
|  |                             } | ||||||
|  |                         } | ||||||
|  |                     }, this); | ||||||
|  |                 }, this); | ||||||
|  |             } else { | ||||||
|  |                 this.sort_options.forEach(function (option, index) { | ||||||
|  |                     if (this.multiple) { | ||||||
|  |                         let indexs = []; | ||||||
|  |                         let values = []; | ||||||
|  |                         let labels = []; | ||||||
|  |                         let options = []; | ||||||
|  |  | ||||||
|  |                         this.selected.forEach(function (selected_option_id, selected_index) { | ||||||
|  |                             if (option.value = this.selected) { | ||||||
|  |                                 indexs.push(selected_index); | ||||||
|  |                                 values.push(option.id); | ||||||
|  |                                 labels.push(option.value); | ||||||
|  |                                 options.push(option); | ||||||
|  |                             } | ||||||
|  |                         }); | ||||||
|  |  | ||||||
|  |                         this.$emit('index', indexs); | ||||||
|  |                         this.$emit('value', values); | ||||||
|  |                         this.$emit('label', labels); | ||||||
|  |                         this.$emit('option', options); | ||||||
|  |                     } else { | ||||||
|  |                         if (option.value = this.selected) { | ||||||
|  |                             this.$emit('index', index); | ||||||
|  |                             this.$emit('value', option.id); | ||||||
|  |                             this.$emit('label', option.value); | ||||||
|  |                             this.$emit('option', option); | ||||||
|  |                         } | ||||||
|  |                     } | ||||||
|  |                 }, this); | ||||||
|  |             } | ||||||
|         }, |         }, | ||||||
|  |  | ||||||
|         visibleChange(event) { |         visibleChange(event) { | ||||||
|   | |||||||
| @@ -544,6 +544,71 @@ export default { | |||||||
|             this.$emit('interface', this.selected); |             this.$emit('interface', this.selected); | ||||||
|  |  | ||||||
|             this.$emit('change', this.selected); |             this.$emit('change', this.selected); | ||||||
|  |  | ||||||
|  |             // Option changed sort_option data | ||||||
|  |             if (this.group) { | ||||||
|  |                 this.sort_options.forEach(function (option_group, group_index) { | ||||||
|  |                     this.option_group.value.forEach(function (option, index) { | ||||||
|  |                         if (this.multiple) { | ||||||
|  |                             let indexs = []; | ||||||
|  |                             let values = []; | ||||||
|  |                             let labels = []; | ||||||
|  |                             let options = []; | ||||||
|  |  | ||||||
|  |                             this.selected.forEach(function (selected_option_id, selected_index) { | ||||||
|  |                                 if (option.value = this.selected) { | ||||||
|  |                                     indexs.push(selected_index); | ||||||
|  |                                     values.push(option.id); | ||||||
|  |                                     labels.push(option.value); | ||||||
|  |                                     options.push(option); | ||||||
|  |                                 } | ||||||
|  |                             }); | ||||||
|  |  | ||||||
|  |                             this.$emit('index', indexs); | ||||||
|  |                             this.$emit('value', values); | ||||||
|  |                             this.$emit('label', labels); | ||||||
|  |                             this.$emit('option', options); | ||||||
|  |                         } else { | ||||||
|  |                             if (option.value = this.selected) { | ||||||
|  |                                 this.$emit('index', index); | ||||||
|  |                                 this.$emit('value', option.id); | ||||||
|  |                                 this.$emit('label', option.value); | ||||||
|  |                                 this.$emit('option', option); | ||||||
|  |                             } | ||||||
|  |                         } | ||||||
|  |                     }, this); | ||||||
|  |                 }, this); | ||||||
|  |             } else { | ||||||
|  |                 this.sort_options.forEach(function (option, index) { | ||||||
|  |                     if (this.multiple) { | ||||||
|  |                         let indexs = []; | ||||||
|  |                         let values = []; | ||||||
|  |                         let labels = []; | ||||||
|  |                         let options = []; | ||||||
|  |  | ||||||
|  |                         this.selected.forEach(function (selected_option_id, selected_index) { | ||||||
|  |                             if (option.value = this.selected) { | ||||||
|  |                                 indexs.push(selected_index); | ||||||
|  |                                 values.push(option.id); | ||||||
|  |                                 labels.push(option.value); | ||||||
|  |                                 options.push(option); | ||||||
|  |                             } | ||||||
|  |                         }); | ||||||
|  |  | ||||||
|  |                         this.$emit('index', indexs); | ||||||
|  |                         this.$emit('value', values); | ||||||
|  |                         this.$emit('label', labels); | ||||||
|  |                         this.$emit('option', options); | ||||||
|  |                     } else { | ||||||
|  |                         if (option.value = this.selected) { | ||||||
|  |                             this.$emit('index', index); | ||||||
|  |                             this.$emit('value', option.id); | ||||||
|  |                             this.$emit('label', option.value); | ||||||
|  |                             this.$emit('option', option); | ||||||
|  |                         } | ||||||
|  |                     } | ||||||
|  |                 }, this); | ||||||
|  |             } | ||||||
|         }, |         }, | ||||||
|  |  | ||||||
|         visibleChange(event) { |         visibleChange(event) { | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user