⬆️ Fixed #37

Author: icebob

src/fields/fieldDateTime.vue

@@ -54,6 +54,11 @@
 			}
 			else
 				console.warn("Bootstrap datetimepicker library is missing. Please download from https://eonasdan.github.io/bootstrap-datetimepicker/ and load the script and CSS in the HTML head section!");
+		},
+
+		beforeDestroy() {
+			if ($.fn.datetimepicker)
+				$(this.$el).data("DateTimePicker").destroy();
 		}		
 	};
 </script>

src/fields/fieldMasked.vue

@@ -15,7 +15,12 @@
 			}
 			else
 				console.warn("JQuery MaskedInput library is missing. Please download from https://github.com/digitalBush/jquery.maskedinput and load the script in the HTML head section!");
-		}		
+		},
+
+		beforeDestroy() {
+			if ($.fn.mask)
+				$(this.$el).unmask();
+		}	
 	};
 </script>
 

src/fields/fieldNoUiSlider.vue

@@ -3,54 +3,59 @@
 </template>
 
 <script>
-import abstractField from "./abstractField";
-import { isArray, defaults } from "lodash";
+	import abstractField from "./abstractField";
+	import { isArray, defaults } from "lodash";
 
-export default {
-	mixins: [abstractField],
+	export default {
+		mixins: [abstractField],
 
-	data() {
-		return {
-			slider: null
-		};
-	},
+		data() {
+			return {
+				slider: null
+			};
+		},
 
-	watch: {
-		model: function() {
-			if (window.noUiSlider && this.slider && this.slider.noUiSlider) {
-				this.slider.noUiSlider.set(this.value);
+		watch: {
+			model: function() {
+				if (window.noUiSlider && this.slider && this.slider.noUiSlider) {
+					this.slider.noUiSlider.set(this.value);
+				}
 			}
-		}
-	},
+		},
+
+		methods: {
+			onChange(value) {
+				if (isArray(value)) {
+					// Array (range)
+					this.value = [parseFloat(value[0]), parseFloat(value[1])];
+				} else {
+					// Single value
+					this.value = parseFloat(value);
+				}
+			}
+		},
 
-	methods: {
-		onChange(value) {
-			if (isArray(value)) {
-				// Array (range)
-				this.value = [parseFloat(value[0]), parseFloat(value[1])];
+		ready() {
+			if (window.noUiSlider) {
+				this.slider = this.$el;
+				window.noUiSlider.create(this.slider, defaults(this.schema.sliderOptions || {}, {
+					start: this.value != null ? this.value : this.schema.min,
+					range: {
+						"min": this.schema.min,
+						"max": this.schema.max
+					}
+				}));
+				this.slider.noUiSlider.on("change", this.onChange.bind(this));
 			} else {
-				// Single value
-				this.value = parseFloat(value);
+				console.warn("noUiSlider is missing. Please download from https://github.com/leongersen/noUiSlider and load the script and CSS in the HTML head section!");
 			}
-		}
-	},
+		},
 
-	ready() {
-		if (window.noUiSlider) {
-			this.slider = this.$el;
-			window.noUiSlider.create(this.slider, defaults(this.schema.sliderOptions || {}, {
-				start: this.value != null ? this.value : this.schema.min,
-				range: {
-					"min": this.schema.min,
-					"max": this.schema.max
-				}
-			}));
-			this.slider.noUiSlider.on("change", this.onChange.bind(this));
-		} else {
-			console.warn("noUiSlider is missing. Please download from https://github.com/leongersen/noUiSlider and load the script and CSS in the HTML head section!");
+		beforeDestroy() {
+			if (this.slider)
+				this.slider.noUiSlider.off("change");
 		}
-	}
-};
+	};
 </script>
 
 <style lang="sass">

src/fields/fieldSelectEx.vue

@@ -51,6 +51,11 @@
 			else
 				console.warn("Bootstrap-select library is missing. Please download from https://silviomoreto.github.io/bootstrap-select/ and load the script and CSS in the HTML head section!");
 
+		},
+
+		beforeDestroy() {
+			if ($.fn.selectpicker) 
+				$(this.$el).selectpicker("destroy");
 		}
 	};
 </script>