diff --git a/examples/docs/en-US/loading.md b/examples/docs/en-US/loading.md
index c7aebf069..f51b3b234 100644
--- a/examples/docs/en-US/loading.md
+++ b/examples/docs/en-US/loading.md
@@ -128,13 +128,13 @@ Show a full screen animation while loading data.
 <template>
   <el-button
     type="primary"
-    @click="openFullScreen"
+    @click="openFullScreen1"
     v-loading.fullscreen.lock="fullscreenLoading">
     As a directive
   </el-button>
   <el-button
     type="primary"
-    @click="openFullScreen">
+    @click="openFullScreen2">
     As a service
   </el-button>
 </template>
@@ -147,13 +147,13 @@ Show a full screen animation while loading data.
       }
     },
     methods: {
-      openFullScreen() {
+      openFullScreen1() {
         this.fullscreenLoading = true;
         setTimeout(() => {
           this.fullscreenLoading = false;
         }, 2000);
       },
-      openFullScreen() {
+      openFullScreen2() {
         const loading = this.$loading({
           lock: true,
           text: 'Loading',
diff --git a/examples/docs/es/loading.md b/examples/docs/es/loading.md
index 36bb660d5..c45a2a5e1 100644
--- a/examples/docs/es/loading.md
+++ b/examples/docs/es/loading.md
@@ -128,13 +128,13 @@ Muestra una animación de pantalla completa mientras se cargan los datos
 <template>
   <el-button
     type="primary"
-    @click="openFullScreen"
+    @click="openFullScreen1"
     v-loading.fullscreen.lock="fullscreenLoading">
     Como directiva
   </el-button>
   <el-button
     type="primary"
-    @click="openFullScreen">
+    @click="openFullScreen2">
     Como servicio
   </el-button>
 </template>
@@ -147,13 +147,13 @@ Muestra una animación de pantalla completa mientras se cargan los datos
       }
     },
     methods: {
-      openFullScreen() {
+      openFullScreen1() {
         this.fullscreenLoading = true;
         setTimeout(() => {
           this.fullscreenLoading = false;
         }, 2000);
       },
-      openFullScreen() {
+      openFullScreen2() {
         const loading = this.$loading({
           lock: true,
           text: 'Loading',
diff --git a/examples/docs/fr-FR/loading.md b/examples/docs/fr-FR/loading.md
index 4b8f19672..f679b7218 100644
--- a/examples/docs/fr-FR/loading.md
+++ b/examples/docs/fr-FR/loading.md
@@ -128,13 +128,13 @@ Affichez une animation en plein écran quand vous charger des données.
 <template>
   <el-button
     type="primary"
-    @click="openFullScreen"
+    @click="openFullScreen1"
     v-loading.fullscreen.lock="fullscreenLoading">
     Comme directive
   </el-button>
   <el-button
     type="primary"
-    @click="openFullScreen">
+    @click="openFullScreen2">
     Comme service
   </el-button>
 </template>
@@ -147,13 +147,13 @@ Affichez une animation en plein écran quand vous charger des données.
       }
     },
     methods: {
-      openFullScreen() {
+      openFullScreen1() {
         this.fullscreenLoading = true;
         setTimeout(() => {
           this.fullscreenLoading = false;
         }, 2000);
       },
-      openFullScreen() {
+      openFullScreen2() {
         const loading = this.$loading({
           lock: true,
           text: 'Loading',
diff --git a/examples/docs/zh-CN/loading.md b/examples/docs/zh-CN/loading.md
index 19d7d47fe..9bd6d7ee3 100644
--- a/examples/docs/zh-CN/loading.md
+++ b/examples/docs/zh-CN/loading.md
@@ -127,13 +127,13 @@
 <template>
   <el-button
     type="primary"
-    @click="openFullScreen"
+    @click="openFullScreen1"
     v-loading.fullscreen.lock="fullscreenLoading">
     指令方式
   </el-button>
   <el-button
     type="primary"
-    @click="openFullScreen">
+    @click="openFullScreen2">
     服务方式
   </el-button>
 </template>
@@ -146,13 +146,13 @@
       }
     },
     methods: {
-      openFullScreen() {
+      openFullScreen1() {
         this.fullscreenLoading = true;
         setTimeout(() => {
           this.fullscreenLoading = false;
         }, 2000);
       },
-      openFullScreen() {
+      openFullScreen2() {
         const loading = this.$loading({
           lock: true,
           text: 'Loading',