diff --git a/src/pages/demo/plugins/better-scroll/base.vue b/src/pages/demo/plugins/better-scroll/base.vue
index 5a5641fe..861b05cf 100644
--- a/src/pages/demo/plugins/better-scroll/base.vue
+++ b/src/pages/demo/plugins/better-scroll/base.vue
@@ -14,6 +14,7 @@ import BScroll from 'better-scroll'
 export default {
   data () {
     return {
+      filename: __filename,
       BS: null
     }
   },
diff --git a/src/pages/demo/plugins/better-scroll/to.vue b/src/pages/demo/plugins/better-scroll/to.vue
index 19e92343..f7a2358f 100644
--- a/src/pages/demo/plugins/better-scroll/to.vue
+++ b/src/pages/demo/plugins/better-scroll/to.vue
@@ -48,6 +48,7 @@ import BScroll from 'better-scroll'
 export default {
   data () {
     return {
+      filename: __filename,
       time: 300,
       BS: null
     }
diff --git a/src/pages/demo/plugins/clipboard-polyfill/index.vue b/src/pages/demo/plugins/clipboard-polyfill/index.vue
index 92ed5dd2..531d3a26 100644
--- a/src/pages/demo/plugins/clipboard-polyfill/index.vue
+++ b/src/pages/demo/plugins/clipboard-polyfill/index.vue
@@ -35,6 +35,7 @@ import clipboard from 'clipboard-polyfill'
 export default {
   data () {
     return {
+      filename: __filename,
       text: 'Hello ~',
       html: '<span style="background-color: #19be6b; color: #f8f8f9;">Hello</span><span style="background-color: #495060; color: #f8f8f9;">World</span>'
     }
diff --git a/src/pages/demo/plugins/day/index.vue b/src/pages/demo/plugins/day/index.vue
index bbed30e7..dc7ca2b4 100644
--- a/src/pages/demo/plugins/day/index.vue
+++ b/src/pages/demo/plugins/day/index.vue
@@ -66,6 +66,7 @@ import dayjs from 'dayjs'
 export default {
   data () {
     return {
+      filename: __filename,
       dayjs
     }
   }
diff --git a/src/pages/demo/plugins/export/table.vue b/src/pages/demo/plugins/export/table.vue
index 0b69be42..2d60d29a 100644
--- a/src/pages/demo/plugins/export/table.vue
+++ b/src/pages/demo/plugins/export/table.vue
@@ -28,6 +28,7 @@ import table from './data'
 export default {
   data () {
     return {
+      filename: __filename,
       table: {
         columns: table.columns,
         data: table.data,
diff --git a/src/pages/demo/plugins/export/txt.vue b/src/pages/demo/plugins/export/txt.vue
index d60a4c1b..049daf2d 100644
--- a/src/pages/demo/plugins/export/txt.vue
+++ b/src/pages/demo/plugins/export/txt.vue
@@ -20,6 +20,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       text: ''
     }
   },
diff --git a/src/pages/demo/plugins/i18n/demo1.vue b/src/pages/demo/plugins/i18n/demo1.vue
index 08a89818..692a4961 100644
--- a/src/pages/demo/plugins/i18n/demo1.vue
+++ b/src/pages/demo/plugins/i18n/demo1.vue
@@ -11,6 +11,9 @@ export default {
   components: {
     DemoI18nControl: () => import('./components/DemoI18nControl'),
     DemoI18n: () => import('./components/DemoI18n')
+  },
+  data () {
+    filename: __filename
   }
 }
 </script>
diff --git a/src/pages/demo/plugins/i18n/demo2.vue b/src/pages/demo/plugins/i18n/demo2.vue
index 097f22f3..d7bbbe97 100644
--- a/src/pages/demo/plugins/i18n/demo2.vue
+++ b/src/pages/demo/plugins/i18n/demo2.vue
@@ -11,6 +11,9 @@ export default {
   components: {
     DemoI18nControl: () => import('./components/DemoI18nControl'),
     DemoI18n: () => import('./components/DemoI18n')
+  },
+  data () {
+    filename: __filename
   }
 }
 </script>
diff --git a/src/pages/demo/plugins/import/csv.vue b/src/pages/demo/plugins/import/csv.vue
index 7f006637..aae7148f 100644
--- a/src/pages/demo/plugins/import/csv.vue
+++ b/src/pages/demo/plugins/import/csv.vue
@@ -30,6 +30,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       table: {
         columns: [],
         data: [],
diff --git a/src/pages/demo/plugins/import/xlsx.vue b/src/pages/demo/plugins/import/xlsx.vue
index 91215e73..9d407c8d 100644
--- a/src/pages/demo/plugins/import/xlsx.vue
+++ b/src/pages/demo/plugins/import/xlsx.vue
@@ -30,6 +30,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       table: {
         columns: [],
         data: [],
diff --git a/src/pages/demo/plugins/index/index.vue b/src/pages/demo/plugins/index/index.vue
index 3f8a408e..9900c41e 100644
--- a/src/pages/demo/plugins/index/index.vue
+++ b/src/pages/demo/plugins/index/index.vue
@@ -7,3 +7,12 @@
     </d2-page-cover>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    filename: __filename
+  }
+}
+</script>
+
diff --git a/src/pages/demo/plugins/js-cookie/index.vue b/src/pages/demo/plugins/js-cookie/index.vue
index f5cc668d..7a7651d5 100644
--- a/src/pages/demo/plugins/js-cookie/index.vue
+++ b/src/pages/demo/plugins/js-cookie/index.vue
@@ -25,6 +25,9 @@
 <script>
 import util from '@/libs/util.js'
 export default {
+  data () {
+    filename: __filename
+  },
   methods: {
     set (name = 'default-name', value = 'default-value') {
       util.cookies.set(name, value)
diff --git a/src/pages/demo/plugins/mock/ajax.vue b/src/pages/demo/plugins/mock/ajax.vue
index 244be2e0..801ca3a7 100644
--- a/src/pages/demo/plugins/mock/ajax.vue
+++ b/src/pages/demo/plugins/mock/ajax.vue
@@ -28,6 +28,7 @@ export default {
   name: 'demo-plugins-mock-ajax',
   data () {
     return {
+      filename: __filename,
       table: {
         columns: [],
         data: [],
diff --git a/src/pages/demo/plugins/mock/dpd.vue b/src/pages/demo/plugins/mock/dpd.vue
index c71cd4ba..bf766c17 100644
--- a/src/pages/demo/plugins/mock/dpd.vue
+++ b/src/pages/demo/plugins/mock/dpd.vue
@@ -26,6 +26,7 @@ export default {
   },
   data () {
     return {
+      filename: __filename,
       mockResult: [],
       settingDPD,
       settingDPDClone: cloneDeep(settingDPD),
diff --git a/src/pages/demo/plugins/mock/dtd.vue b/src/pages/demo/plugins/mock/dtd.vue
index 333e3b3e..8e43aae0 100644
--- a/src/pages/demo/plugins/mock/dtd.vue
+++ b/src/pages/demo/plugins/mock/dtd.vue
@@ -44,6 +44,7 @@ export default {
   },
   data () {
     return {
+      filename: __filename,
       mockResult: [],
       settingDTD,
       settingDTDClone: cloneDeep(settingDTD),