diff --git a/website/docs/en-US/pagination.md b/website/docs/en-US/pagination.md
index b62f7980ba..38c5d71642 100644
--- a/website/docs/en-US/pagination.md
+++ b/website/docs/en-US/pagination.md
@@ -75,7 +75,7 @@ Add more modules based on your scenario.
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage1"
+      v-model:currentPage="currentPage1"
       :page-size="100"
       layout="total, prev, pager, next"
       :total="1000">
@@ -86,7 +86,7 @@ Add more modules based on your scenario.
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage2"
+      v-model:currentPage="currentPage2"
       :page-sizes="[100, 200, 300, 400]"
       :page-size="100"
       layout="sizes, prev, pager, next"
@@ -98,7 +98,7 @@ Add more modules based on your scenario.
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage3"
+      v-model:currentPage="currentPage3"
       :page-size="100"
       layout="prev, pager, next, jumper"
       :total="1000">
@@ -109,7 +109,7 @@ Add more modules based on your scenario.
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage4"
+      v-model:currentPage="currentPage4"
       :page-sizes="[100, 200, 300, 400]"
       :page-size="100"
       layout="total, sizes, prev, pager, next, jumper"
diff --git a/website/docs/en-US/upload.md b/website/docs/en-US/upload.md
index f7579ba5a2..8a8b031423 100644
--- a/website/docs/en-US/upload.md
+++ b/website/docs/en-US/upload.md
@@ -156,7 +156,7 @@ Use `list-type` to change the fileList style.
 >
   <i class="el-icon-plus"></i>
 </el-upload>
-<el-dialog :visible.sync="dialogVisible">
+<el-dialog v-model:visible="dialogVisible">
   <img width="100%" :src="dialogImageUrl" alt="" />
 </el-dialog>
 <script>
@@ -221,7 +221,7 @@ Use `scoped-slot` to change default thumbnail template.
     </div>
   </template>
 </el-upload>
-<el-dialog :visible.sync="dialogVisible">
+<el-dialog v-model:visible="dialogVisible">
   <img width="100%" :src="dialogImageUrl" alt="" />
 </el-dialog>
 <script>
diff --git a/website/docs/es/pagination.md b/website/docs/es/pagination.md
index 0c83302ca4..a1a6794a5b 100644
--- a/website/docs/es/pagination.md
+++ b/website/docs/es/pagination.md
@@ -62,7 +62,7 @@ Agrega más módulos basados en su escenario.
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage1"
+      v-model:currentPage="currentPage1"
       :page-size="100"
       layout="total, prev, pager, next"
       :total="1000">
@@ -73,7 +73,7 @@ Agrega más módulos basados en su escenario.
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage2"
+      v-model:currentPage="currentPage2"
       :page-sizes="[100, 200, 300, 400]"
       :page-size="100"
       layout="sizes, prev, pager, next"
@@ -85,7 +85,7 @@ Agrega más módulos basados en su escenario.
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage3"
+      v-model:currentPage="currentPage3"
       :page-size="100"
       layout="prev, pager, next, jumper"
       :total="1000">
@@ -96,7 +96,7 @@ Agrega más módulos basados en su escenario.
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage4"
+      v-model:currentPage="currentPage4"
       :page-sizes="[100, 200, 300, 400]"
       :page-size="100"
       layout="total, sizes, prev, pager, next, jumper"
diff --git a/website/docs/es/upload.md b/website/docs/es/upload.md
index dc85c8410a..4c63b6b441 100644
--- a/website/docs/es/upload.md
+++ b/website/docs/es/upload.md
@@ -127,7 +127,7 @@ Utilice la propiedad `list-type` para cambiar el estilo a un listado de archivos
   :on-remove="handleRemove">
   <i class="el-icon-plus"></i>
 </el-upload>
-<el-dialog :visible.sync="dialogVisible">
+<el-dialog v-model:visible="dialogVisible">
   <img width="100%" :src="dialogImageUrl" alt="">
 </el-dialog>
 <script>
@@ -193,7 +193,7 @@ Use `scoped-slot` to change default thumbnail template.
       </div>
     </template>
 </el-upload>
-<el-dialog :visible.sync="dialogVisible">
+<el-dialog v-model:visible="dialogVisible">
   <img width="100%" :src="dialogImageUrl" alt="">
 </el-dialog>
 <script>
diff --git a/website/docs/fr-FR/pagination.md b/website/docs/fr-FR/pagination.md
index 5771b39cd5..6f043af668 100644
--- a/website/docs/fr-FR/pagination.md
+++ b/website/docs/fr-FR/pagination.md
@@ -79,7 +79,7 @@ Vous pouvez ajouter plus de modules suivant vos besoins.
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage1"
+      v-model:currentPage="currentPage1"
       :page-size="100"
       layout="total, prev, pager, next"
       :total="1000">
@@ -90,7 +90,7 @@ Vous pouvez ajouter plus de modules suivant vos besoins.
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage2"
+      v-model:currentPage="currentPage2"
       :page-sizes="[100, 200, 300, 400]"
       :page-size="100"
       layout="sizes, prev, pager, next"
@@ -102,7 +102,7 @@ Vous pouvez ajouter plus de modules suivant vos besoins.
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage3"
+      v-model:currentPage="currentPage3"
       :page-size="100"
       layout="prev, pager, next, jumper"
       :total="1000">
@@ -113,7 +113,7 @@ Vous pouvez ajouter plus de modules suivant vos besoins.
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage4"
+      v-model:currentPage="currentPage4"
       :page-sizes="[100, 200, 300, 400]"
       :page-size="100"
       layout="total, sizes, prev, pager, next, jumper"
diff --git a/website/docs/fr-FR/upload.md b/website/docs/fr-FR/upload.md
index f86c548350..461f9868cd 100644
--- a/website/docs/fr-FR/upload.md
+++ b/website/docs/fr-FR/upload.md
@@ -131,7 +131,7 @@ Utilisez `list-type` pour changer le style de la liste de fichiers.
   :on-remove="handleRemove">
   <i class="el-icon-plus"></i>
 </el-upload>
-<el-dialog :visible.sync="dialogVisible">
+<el-dialog v-model:visible="dialogVisible">
   <img width="100%" :src="dialogImageUrl" alt="">
 </el-dialog>
 <script>
@@ -197,7 +197,7 @@ Use `scoped-slot` to change default thumbnail template.
       </div>
     </template>
 </el-upload>
-<el-dialog :visible.sync="dialogVisible">
+<el-dialog v-model:visible="dialogVisible">
   <img width="100%" :src="dialogImageUrl" alt="">
 </el-dialog>
 <script>
diff --git a/website/docs/jp/pagination.md b/website/docs/jp/pagination.md
index 712b5efb39..1a544b32d4 100644
--- a/website/docs/jp/pagination.md
+++ b/website/docs/jp/pagination.md
@@ -75,7 +75,7 @@
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage1"
+      v-model:currentPage="currentPage1"
       :page-size="100"
       layout="total, prev, pager, next"
       :total="1000">
@@ -86,7 +86,7 @@
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage2"
+      v-model:currentPage="currentPage2"
       :page-sizes="[100, 200, 300, 400]"
       :page-size="100"
       layout="sizes, prev, pager, next"
@@ -98,7 +98,7 @@
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage3"
+      v-model:currentPage="currentPage3"
       :page-size="100"
       layout="prev, pager, next, jumper"
       :total="1000">
@@ -109,7 +109,7 @@
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage4"
+      v-model:currentPage="currentPage4"
       :page-sizes="[100, 200, 300, 400]"
       :page-size="100"
       layout="total, sizes, prev, pager, next, jumper"
diff --git a/website/docs/jp/upload.md b/website/docs/jp/upload.md
index 50ed17314e..4885f14dbe 100644
--- a/website/docs/jp/upload.md
+++ b/website/docs/jp/upload.md
@@ -153,7 +153,7 @@ fileListのスタイルを変更するには `list-type` を用いる。
 >
   <i class="el-icon-plus"></i>
 </el-upload>
-<el-dialog :visible.sync="dialogVisible">
+<el-dialog v-model:visible="dialogVisible">
   <img width="100%" :src="dialogImageUrl" alt="" />
 </el-dialog>
 <script>
@@ -217,7 +217,7 @@ fileListのスタイルを変更するには `list-type` を用いる。
     </div>
   </template>
 </el-upload>
-<el-dialog :visible.sync="dialogVisible">
+<el-dialog v-model:visible="dialogVisible">
   <img width="100%" :src="dialogImageUrl" alt="" />
 </el-dialog>
 <script>
diff --git a/website/docs/zh-CN/pagination.md b/website/docs/zh-CN/pagination.md
index f9a2b41634..b7cba9f3d6 100644
--- a/website/docs/zh-CN/pagination.md
+++ b/website/docs/zh-CN/pagination.md
@@ -75,7 +75,7 @@
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage1"
+      v-model:currentPage="currentPage1"
       :page-size="100"
       layout="total, prev, pager, next"
       :total="1000">
@@ -86,7 +86,7 @@
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage2"
+      v-model:currentPage="currentPage2"
       :page-sizes="[100, 200, 300, 400]"
       :page-size="100"
       layout="sizes, prev, pager, next"
@@ -98,7 +98,7 @@
     <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage3"
+      v-model:currentPage="currentPage3"
       :page-size="100"
       layout="prev, pager, next, jumper"
       :total="1000">
diff --git a/website/docs/zh-CN/upload.md b/website/docs/zh-CN/upload.md
index 71bacfa348..01b79a1619 100644
--- a/website/docs/zh-CN/upload.md
+++ b/website/docs/zh-CN/upload.md
@@ -133,7 +133,7 @@
   :on-remove="handleRemove">
   <i class="el-icon-plus"></i>
 </el-upload>
-<el-dialog :visible.sync="dialogVisible">
+<el-dialog v-model:visible="dialogVisible">
   <img width="100%" :src="dialogImageUrl" alt="">
 </el-dialog>
 <script>
@@ -199,7 +199,7 @@
       </div>
     </template>
 </el-upload>
-<el-dialog :visible.sync="dialogVisible">
+<el-dialog v-model:visible="dialogVisible">
   <img width="100%" :src="dialogImageUrl" alt="">
 </el-dialog>
 <script>