diff --git a/packages/vant-markdown-loader/src/extract-demo.js b/packages/vant-markdown-loader/src/extract-demo.js
index b142fce78..39b2cdcc5 100644
--- a/packages/vant-markdown-loader/src/extract-demo.js
+++ b/packages/vant-markdown-loader/src/extract-demo.js
@@ -14,7 +14,7 @@ module.exports = function extraDemo(content) {
     /<demo-code([\s\S]*?)>([\s\S]*?)<\/demo-code>/g,
     function (_, attrs, link) {
       link = link.trim(); // 去换行符
-      const tag = hyphenate(path.basename(link, '.vue'));
+      const tag = 'demo-code-' + hyphenate(path.basename(link, '.vue'));
       const fullLink = path.join(markdownDir, link);
       demoLinks.indexOf(fullLink) === -1 && demoLinks.push(fullLink);
       const demoContent = fs.readFileSync(fullLink, { encoding: 'utf8' });
diff --git a/packages/vant-markdown-loader/src/index.js b/packages/vant-markdown-loader/src/index.js
index 5db6452e7..c9eac42a5 100644
--- a/packages/vant-markdown-loader/src/index.js
+++ b/packages/vant-markdown-loader/src/index.js
@@ -26,12 +26,12 @@ function wrapper(content) {
 <script>
 ${demoLinks
   .map((link) => {
-    return `import ${camelize(path.basename(link, '.vue'))} from '${link}';`;
+    return `import DemoCode${camelize(path.basename(link, '.vue'))} from '${link}';`;
   })
   .join('\n')}
 export default {
   components: {
-    ${demoLinks.map((link) => camelize(path.basename(link, '.vue'))).join(',')}
+    ${demoLinks.map((link) => `DemoCode${camelize(path.basename(link, '.vue'))}`).join(',')}
   },
   mounted() {
     const anchors = [].slice.call(this.$el.querySelectorAll('h2, h3, h4, h5'));