diff --git a/src/components/doc-width-nav.vue b/src/components/doc-width-nav.vue
index fcfc31fe150268d5601f72c642e7942ca1d66fd8..7b2b9ff972fce207d6a01388be1dd9fcd355a856 100644
--- a/src/components/doc-width-nav.vue
+++ b/src/components/doc-width-nav.vue
@@ -89,23 +89,23 @@ export default {
               level = 1;
               id = `nav_${pre_h1_index}_${time}`;
 
-              newTitle = title.replace(/<h1/g, `<h1 id="${id}"`);
+              newTitle = title.replace("<h1", `<h1 id="${id}"`);
             } else if (title.match(/<h2(([\s\S])*?)<\/h2>/g)) {
               pre_h2_index++;
               pre_h3_index = 0;
               level = 2;
               id = `nav_${pre_h1_index}_${pre_h2_index}_${time}`;
 
-              newTitle = title.replace(/<h2/g, `<h2 id="${id}"`);
+              newTitle = title.replace("<h2", `<h2 id="${id}"`);
             } else if (title.match(/<h3(([\s\S])*?)<\/h3>/g)) {
               pre_h3_index++;
               level = 3;
               id = `nav_${pre_h1_index}_${pre_h2_index}_${pre_h3_index}_${time}`;
 
-              newTitle = title.replace(/<h3/g, `<h3 id="${id}"`);
+              newTitle = title.replace("<h3", `<h3 id="${id}"`);
             }
 
-            content = content.replace(new RegExp(title), newTitle);
+            content = content.replace(title, newTitle);
 
             return {
               level,
@@ -127,6 +127,10 @@ export default {
       this.curNav = item.id;
     },
     setScroll(el, parentEl) {
+      if (!el || !parentEl) {
+        return;
+      }
+
       let actualTop = el.offsetTop;
       let current = el.offsetParent;