remove beforeDestroy

dist/mix-manifest.json

@@ -1,3 +1,3 @@
 {
-    "/index.js": "/index.js?id=3a1f50c265144aaa7e50"
+    "/index.js": "/index.js?id=2e55ab288c75c2a1b2ce"
 }

example/index.js

@@ -2,7 +2,7 @@
  * vue-datatables-net
  * Vue jQuery DataTables.net wrapper component
  *
- * @version v1.5.0
+ * @version v1.5.1
  * @author [email protected]
  * @repository https://github.com/niiknow/vue-datatables-net.git
  */
@@ -770,8 +770,15 @@ var myUniqueId = 1;
         // const rows = event.dataTable.rows( event.indexes )
         // const data = rows.data()
       });
-    } // wire up edit, delete, and/or action buttons
+    }
+
+    $el.find('#vdtnetable1_wrapper').on('remove', function () {
+      if (that.dataTable) {
+        that.dataTable.destroy(true);
+      }
 
+      that.dataTable = null;
+    }); // wire up edit, delete, and/or action buttons
 
     $el.on('click', '[data-action]', function (e) {
       e.preventDefault();
@@ -851,15 +858,6 @@ var myUniqueId = 1;
       that.reload();
     }
   },
-  beforeDestroy: function beforeDestroy() {
-    var that = this;
-
-    if (that.dataTable) {
-      that.dataTable.destroy(true);
-    }
-
-    that.dataTable = null;
-  },
   methods: {
     /**
      * Vue.compile a template string and return the compiled function

example/mix-manifest.json

@@ -1,3 +1,3 @@
 {
-    "/index.js": "/index.js?id=fb6edaa8b910f9bad451"
+    "/index.js": "/index.js?id=98012e669c8c525049fb"
 }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-datatables-net",
   "description": "Vue jQuery DataTables.net wrapper component",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "author": "[email protected]",
   "license": "MIT",
   "main": "dist/index.js",
@@ -45,7 +45,7 @@
     "datatables.net-responsive-bs4": "^2.2.7",
     "datatables.net-select-bs4": "^1.3.3",
     "eslint": "^7.24.0",
-    "eslint-config-prettier": "^8.1.0",
+    "eslint-config-prettier": "^8.2.0",
     "eslint-friendly-formatter": "^4.0.1",
     "eslint-plugin-vue": "^7.9.0",
     "eslint-webpack-plugin": "^2.5.3",
@@ -54,6 +54,6 @@
     "vue": "^2.6.12",
     "vue-loader": "^15.9.6",
     "vue-template-compiler": "^2.6.12",
-    "webpack": "^5.31.2"
+    "webpack": "^5.33.1"
   }
 }

src/VdtnetTable.vue

@@ -493,6 +493,14 @@ export default {
       })
     }
 
+    $el.find('#vdtnetable1_wrapper').on('remove', () => {
+      if (that.dataTable) {
+        that.dataTable.destroy(true)
+      }
+
+      that.dataTable = null
+    })
+
     // wire up edit, delete, and/or action buttons
     $el.on('click', '[data-action]', (e) => {
       e.preventDefault()
@@ -578,14 +586,6 @@ export default {
       that.reload()
     }
   },
-  beforeDestroy() {
-    const that = this
-    if (that.dataTable) {
-      that.dataTable.destroy(true)
-    }
-
-    that.dataTable = null
-  },
   methods: {
     /**
      * Vue.compile a template string and return the compiled function