diff --git a/src/swipe-cell/README.md b/src/swipe-cell/README.md
index 139cd124f..a99e9ae70 100644
--- a/src/swipe-cell/README.md
+++ b/src/swipe-cell/README.md
@@ -15,11 +15,11 @@ Vue.use(SwipeCell);
 
 ```html
 <van-swipe-cell>
-  <template slot="left">
+  <template #left>
     <van-button square type="primary" text="Select" />
   </template>
   <van-cell :border="false" title="Cell" value="Cell Content" />
-  <template slot="right">
+  <template #right>
     <van-button square type="danger" text="Delete" />
     <van-button square type="primary" text="Collect"/>
   </template>
@@ -38,13 +38,14 @@ Vue.use(SwipeCell);
     class="goods-card"
     thumb="https://img.yzcdn.cn/vant/cat.jpeg"
   />
-  <van-button
-    slot="right"
-    square
-    text="Delete"
-    type="danger"
-    class="delete-button"
-  />
+  <template #right>
+    <van-button
+      square
+      text="Delete"
+      type="danger"
+      class="delete-button"
+    />
+  </template>
 </van-swipe-cell>
 
 <style>
@@ -63,11 +64,11 @@ Vue.use(SwipeCell);
 
 ```html
 <van-swipe-cell :before-close="beforeClose">
-  <template slot="left">
+  <template #left>
     <van-button square type="primary" text="Select" />
   </template>
   <van-cell :border="false" title="Cell" value="Cell Content" />
-  <template slot="right">
+  <template #right>
     <van-button square type="danger" text="Delete" />
   </template>
 </van-swipe-cell>
diff --git a/src/swipe-cell/README.zh-CN.md b/src/swipe-cell/README.zh-CN.md
index 8f834e115..ae08f3686 100644
--- a/src/swipe-cell/README.zh-CN.md
+++ b/src/swipe-cell/README.zh-CN.md
@@ -17,11 +17,11 @@ Vue.use(SwipeCell);
 
 ```html
 <van-swipe-cell>
-  <template slot="left">
+  <template #left>
     <van-button square type="primary" text="选择" />
   </template>
   <van-cell :border="false" title="单元格" value="内容" />
-  <template slot="right">
+  <template #right>
     <van-button square type="danger" text="删除" />
     <van-button square type="primary" text="收藏"/>
   </template>
@@ -42,13 +42,14 @@ Vue.use(SwipeCell);
     class="goods-card"
     thumb="https://img.yzcdn.cn/vant/cat.jpeg"
   />
-  <van-button
-    slot="right"
-    square
-    text="删除"
-    type="danger"
-    class="delete-button"
-  />
+  <template #right>
+    <van-button
+      square
+      text="删除"
+      type="danger"
+      class="delete-button"
+    />
+  </template>
 </van-swipe-cell>
 
 <style>
@@ -69,11 +70,11 @@ Vue.use(SwipeCell);
 
 ```html
 <van-swipe-cell :before-close="beforeClose">
-  <template slot="left">
+  <template #left>
     <van-button square type="primary" text="选择" />
   </template>
   <van-cell :border="false" title="单元格" value="内容" />
-  <template slot="right">
+  <template #right>
     <van-button square type="danger" text="删除" />
   </template>
 </van-swipe-cell>