xcx

src/pages/system/cardAndCouponManager/cardManager/index.vue

@@ -87,7 +87,14 @@
               size="mini"
               type="danger"
               @click="sendCard(scope.$index, scope.row)">赠送客户</el-button>
-            <a v-if="scope.row.SendType === 'channel'" class="copyBtn" :data-clipboard-text="'www.baidu.com'" :ref="'copy' + scope.$index" @click="toCopy(scope.$index, scope.row)">点击复制链接</a>
+            <el-button
+              size="mini"
+              type="success"
+              v-if="scope.row.SendType === 'channel'"
+              v-clipboard:copy="'www.baidu.com' + scope.$index"
+              v-clipboard:success="onCopy"
+              v-clipboard:error="onError"
+              >点击复制链接</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -380,7 +387,19 @@ export default {
     },
     addCard () {
       this.$router.push({ name: 'editCard', query: {} })
-    }
+    },
+    onCopy () {
+      this.$message({
+        type: 'success',
+        message: '复制成功！'
+      })
+    },
+    onError () {
+      this.$message({
+        type: 'error',
+        message: '复制失败！'
+      })
+    },
   }
 }
 </script>

src/pages/system/cardAndCouponManager/couponManager/index.vue

@@ -89,10 +89,13 @@
               type="danger"
               @click="sendCoupon(scope.$index, scope.row)">赠送客户</el-button>
             <el-button
-              v-if="scope.row.SendType === 'channel'"
               size="mini"
               type="success"
-              @click="handleDelete(scope.$index, scope.row)">点击复制链接</el-button>
+              v-if="scope.row.SendType === 'channel'"
+              v-clipboard:copy="'www.baidu.com' + scope.$index"
+              v-clipboard:success="onCopy"
+              v-clipboard:error="onError"
+              >点击复制链接</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -360,7 +363,19 @@ export default {
         this.centerDialogVisible = false
         this.getList()
       })
-    }
+    },
+    onCopy () {
+      this.$message({
+        type: 'success',
+        message: '复制成功！'
+      })
+    },
+    onError () {
+      this.$message({
+        type: 'error',
+        message: '复制失败！'
+      })
+    },
   }
 }
 </script>