添加复制

src/views/realTimeMonitor/components/parameterArea.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="AreaBox">
     <div class="areaHead">
-      <span>{{ areaData.cmdid }}</span>
+      <span @dblclick="handleDblClick(areaData.cmdid)">{{
+        areaData.cmdid
+      }}</span>
       <!-- <el-tooltip
         class="item"
         effect="dark"
@@ -196,6 +198,23 @@ export default {
     this.getDateTime();
   },
   methods: {
+    //双击选中复制
+    handleDblClick(val) {
+      // alert(val);
+      var input = document.createElement("input"); // 创建input对象
+      input.value = val; // 设置复制内容
+      document.body.appendChild(input); // 添加临时实例
+      input.select(); // 选择实例内容
+      document.execCommand("Copy"); // 执行复制
+      document.body.removeChild(input); // 删除临时实例
+      //this.$message.success("复制成功！");
+      this.$message({
+        duration: 800,
+        showClose: true,
+        message: "复制成功！",
+        type: "success",
+      });
+    },
     //获取当前时间
     getDateTime() {
       console.log(new Date());