diff --git a/src/pages/demo/components/container/api.vue b/src/pages/demo/components/container/api.vue
index d0e299af..6a445073 100644
--- a/src/pages/demo/components/container/api.vue
+++ b/src/pages/demo/components/container/api.vue
@@ -84,6 +84,7 @@ export default {
   },
   data () {
     return {
+      filename: __filename,
       containerType: 'full',
       scrollDelay: 10,
       scrollTop: 0
diff --git a/src/pages/demo/components/container/card-bs.vue b/src/pages/demo/components/container/card-bs.vue
index bfdf4479..18665bc4 100644
--- a/src/pages/demo/components/container/card-bs.vue
+++ b/src/pages/demo/components/container/card-bs.vue
@@ -11,6 +11,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/card-slot.vue b/src/pages/demo/components/container/card-slot.vue
index 7d84ddf0..a756004e 100644
--- a/src/pages/demo/components/container/card-slot.vue
+++ b/src/pages/demo/components/container/card-slot.vue
@@ -11,6 +11,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/card.vue b/src/pages/demo/components/container/card.vue
index afda4382..b1b9e0b7 100644
--- a/src/pages/demo/components/container/card.vue
+++ b/src/pages/demo/components/container/card.vue
@@ -9,6 +9,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/full-bs.vue b/src/pages/demo/components/container/full-bs.vue
index 47988f7d..8bedd316 100644
--- a/src/pages/demo/components/container/full-bs.vue
+++ b/src/pages/demo/components/container/full-bs.vue
@@ -11,6 +11,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/full-slot.vue b/src/pages/demo/components/container/full-slot.vue
index 67418076..e940856c 100644
--- a/src/pages/demo/components/container/full-slot.vue
+++ b/src/pages/demo/components/container/full-slot.vue
@@ -11,6 +11,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/full.vue b/src/pages/demo/components/container/full.vue
index e1802dc5..f14c16da 100644
--- a/src/pages/demo/components/container/full.vue
+++ b/src/pages/demo/components/container/full.vue
@@ -9,6 +9,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/ghost-bs.vue b/src/pages/demo/components/container/ghost-bs.vue
index 22d8eca0..194809e2 100644
--- a/src/pages/demo/components/container/ghost-bs.vue
+++ b/src/pages/demo/components/container/ghost-bs.vue
@@ -15,6 +15,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/ghost-slot.vue b/src/pages/demo/components/container/ghost-slot.vue
index 53fea0db..894a4d18 100644
--- a/src/pages/demo/components/container/ghost-slot.vue
+++ b/src/pages/demo/components/container/ghost-slot.vue
@@ -15,6 +15,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/ghost.vue b/src/pages/demo/components/container/ghost.vue
index 6446fe60..5397ba19 100644
--- a/src/pages/demo/components/container/ghost.vue
+++ b/src/pages/demo/components/container/ghost.vue
@@ -13,6 +13,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/contextmenu/custom-trigger.vue b/src/pages/demo/components/contextmenu/custom-trigger.vue
index cdaa8f2c..f616a480 100644
--- a/src/pages/demo/components/contextmenu/custom-trigger.vue
+++ b/src/pages/demo/components/contextmenu/custom-trigger.vue
@@ -30,6 +30,11 @@
 
 <script>
 export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  },
   methods: {
     handleClick (vm, event) {
       this.$message({
diff --git a/src/pages/demo/components/contextmenu/disabled.vue b/src/pages/demo/components/contextmenu/disabled.vue
index f61c1f84..8f7baba9 100644
--- a/src/pages/demo/components/contextmenu/disabled.vue
+++ b/src/pages/demo/components/contextmenu/disabled.vue
@@ -22,6 +22,11 @@
 
 <script>
 export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  },
   methods: {
     handleClick (vm, event) {
       this.$message({
diff --git a/src/pages/demo/components/contextmenu/divier.vue b/src/pages/demo/components/contextmenu/divier.vue
index 692c82fc..26cc960a 100644
--- a/src/pages/demo/components/contextmenu/divier.vue
+++ b/src/pages/demo/components/contextmenu/divier.vue
@@ -15,6 +15,11 @@
 
 <script>
 export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  },
   methods: {
     handleClick (vm, event) {
       this.$message({
diff --git a/src/pages/demo/components/contextmenu/group.vue b/src/pages/demo/components/contextmenu/group.vue
index 3f619328..e956e6b5 100644
--- a/src/pages/demo/components/contextmenu/group.vue
+++ b/src/pages/demo/components/contextmenu/group.vue
@@ -24,6 +24,16 @@
   </d2-container>
 </template>
 
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
+
 <style lang="scss" scoped>
 @import './style/pub.scss';
 </style>
diff --git a/src/pages/demo/components/contextmenu/simple.vue b/src/pages/demo/components/contextmenu/simple.vue
index e2fe5d6d..81cf22eb 100644
--- a/src/pages/demo/components/contextmenu/simple.vue
+++ b/src/pages/demo/components/contextmenu/simple.vue
@@ -14,6 +14,11 @@
 
 <script>
 export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  },
   methods: {
     handleClick (vm, event) {
       this.$message({
diff --git a/src/pages/demo/components/contextmenu/submenu.vue b/src/pages/demo/components/contextmenu/submenu.vue
index e402ee86..ef0cce91 100644
--- a/src/pages/demo/components/contextmenu/submenu.vue
+++ b/src/pages/demo/components/contextmenu/submenu.vue
@@ -24,6 +24,11 @@
 
 <script>
 export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  },
   methods: {
     handleClick (vm, event) {
       this.$message({
diff --git a/src/pages/demo/components/countup/index.vue b/src/pages/demo/components/countup/index.vue
index 97013e88..9206f2f2 100644
--- a/src/pages/demo/components/countup/index.vue
+++ b/src/pages/demo/components/countup/index.vue
@@ -58,6 +58,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       // 回调函数使用
       className: '',
       // 更新数值用
diff --git a/src/pages/demo/components/editor-quill/index.vue b/src/pages/demo/components/editor-quill/index.vue
index 35426f26..8ee5a64e 100644
--- a/src/pages/demo/components/editor-quill/index.vue
+++ b/src/pages/demo/components/editor-quill/index.vue
@@ -23,6 +23,7 @@ import value from './value'
 export default {
   data () {
     return {
+      filename: __filename,
       value
     }
   },
diff --git a/src/pages/demo/components/editor-simpleMDE/index.vue b/src/pages/demo/components/editor-simpleMDE/index.vue
index d554baf8..f6b34268 100644
--- a/src/pages/demo/components/editor-simpleMDE/index.vue
+++ b/src/pages/demo/components/editor-simpleMDE/index.vue
@@ -15,6 +15,7 @@ import text from './text'
 export default {
   data () {
     return {
+      filename: __filename,
       text
     }
   }
diff --git a/src/pages/demo/components/highlight/index.vue b/src/pages/demo/components/highlight/index.vue
index a4040447..a58bbc1b 100644
--- a/src/pages/demo/components/highlight/index.vue
+++ b/src/pages/demo/components/highlight/index.vue
@@ -28,6 +28,7 @@ import codeHTML from './code/html'
 export default {
   data () {
     return {
+      filename: __filename,
       codeJavascript,
       codeCSS,
       codeSCSS,
diff --git a/src/pages/demo/components/icon/icon.vue b/src/pages/demo/components/icon/icon.vue
index 7df5830d..4271f3ef 100644
--- a/src/pages/demo/components/icon/icon.vue
+++ b/src/pages/demo/components/icon/icon.vue
@@ -8,6 +8,16 @@
   </d2-container>
 </template>
 
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
+
 <style lang="scss" scoped>
 .icon-demo {
   transition: all .3s;
diff --git a/src/pages/demo/components/icon/list.vue b/src/pages/demo/components/icon/list.vue
index 4411e4c3..8c7d5772 100644
--- a/src/pages/demo/components/icon/list.vue
+++ b/src/pages/demo/components/icon/list.vue
@@ -27,6 +27,7 @@ export default {
   },
   data () {
     return {
+      filename: __filename,
       icon,
       showIndex: 12
     }
diff --git a/src/pages/demo/components/icon/select.vue b/src/pages/demo/components/icon/select.vue
index b67a4df7..38c7867a 100644
--- a/src/pages/demo/components/icon/select.vue
+++ b/src/pages/demo/components/icon/select.vue
@@ -30,6 +30,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       icon: '',
       icon2: ''
     }
diff --git a/src/pages/demo/components/icon/svg.vue b/src/pages/demo/components/icon/svg.vue
index 373de159..a32b15f2 100644
--- a/src/pages/demo/components/icon/svg.vue
+++ b/src/pages/demo/components/icon/svg.vue
@@ -12,6 +12,16 @@
   </d2-container>
 </template>
 
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
+
 <style lang="scss" scoped>
 .icon-card {
   display: flex;
diff --git a/src/pages/demo/components/index/index.vue b/src/pages/demo/components/index/index.vue
index 180b36f9..61c7896a 100644
--- a/src/pages/demo/components/index/index.vue
+++ b/src/pages/demo/components/index/index.vue
@@ -7,3 +7,13 @@
     </d2-page-cover>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/components/json-tree/index.vue b/src/pages/demo/components/json-tree/index.vue
index e2f63246..d305ba2b 100644
--- a/src/pages/demo/components/json-tree/index.vue
+++ b/src/pages/demo/components/json-tree/index.vue
@@ -9,6 +9,7 @@ import packJson from '../../../../../package.json'
 export default {
   data () {
     return {
+      filename: __filename,
       options: {
         maxDepth: 10,
         rootObjectKey: 'package.json',
diff --git a/src/pages/demo/components/layout/grid.vue b/src/pages/demo/components/layout/grid.vue
index 44d63b17..420d49a7 100644
--- a/src/pages/demo/components/layout/grid.vue
+++ b/src/pages/demo/components/layout/grid.vue
@@ -28,6 +28,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       layout: {
         layout: [
           { 'x': 0, 'y': 0, 'w': 4, 'h': 10, 'i': '0' },
diff --git a/src/pages/demo/components/layout/splitpane.vue b/src/pages/demo/components/layout/splitpane.vue
index aa7c7898..86af4635 100644
--- a/src/pages/demo/components/layout/splitpane.vue
+++ b/src/pages/demo/components/layout/splitpane.vue
@@ -17,6 +17,11 @@
 
 <script>
 export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  },
   mounted () {
     // 加载完成后显示提示
     this.showInfo()
diff --git a/src/pages/demo/components/markdown/source.vue b/src/pages/demo/components/markdown/source.vue
index 529b6544..4d1523ed 100644
--- a/src/pages/demo/components/markdown/source.vue
+++ b/src/pages/demo/components/markdown/source.vue
@@ -10,6 +10,7 @@ import doc from './md/doc.md'
 export default {
   data () {
     return {
+      filename: __filename,
       doc
     }
   }
diff --git a/src/pages/demo/components/markdown/url.vue b/src/pages/demo/components/markdown/url.vue
index ee7248ee..2f0c9444 100644
--- a/src/pages/demo/components/markdown/url.vue
+++ b/src/pages/demo/components/markdown/url.vue
@@ -4,3 +4,13 @@
     <d2-markdown url="markdown/demo.md"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>