二手车车源信息--求购页添加车源id

src/views/secondHandCar/wantBuySale.vue

@@ -23,6 +23,12 @@
           </div>
           <div class="viewNum">{{detailInfo.attentionCount}}人想卖<span>{{detailInfo.browseCount}}人浏览</span></div>
         </div>
+        <div class="priceWrap">
+          <div class="commonColor" style="margin-top: 5px">
+            车源ID: &nbsp;&nbsp;&nbsp;&nbsp;{{ detailInfo.code }}
+            <img class="copyIcon" @click="copyHandler(detailInfo.code)" src="@/assets/copy.png" />
+          </div>
+        </div>
       </div>
       <div class="detailInfoWrap wrapCommon">
         <div>
@@ -101,6 +107,16 @@ export default {
     this.getDuration(1)
   },
   methods:{
+    copyHandler(copyText){
+      let inputNode = document.createElement('input')  // 创建input
+      inputNode.value = copyText // 赋值给 input 值
+      document.body.appendChild(inputNode) // 插入进去
+      inputNode.select() // 选择对象
+      document.execCommand('Copy') // 原生调用执行浏览器复制命令
+      inputNode.className = 'oInput'
+      inputNode.style.display = 'none' // 隐藏
+      this.$toast('复制成功')
+    },
     getDuration(type){
       const endTime = new Date();
       const duration = (endTime - this.startTime) / 1000; // 计算时长（秒）
@@ -290,4 +306,14 @@ export default {
     cursor: pointer;
   }
 }
+.commonColor {
+  color: #999999 !important;
+  display: flex;
+  align-items: center;
+}
+.copyIcon {
+  width: 35px;
+  height: 15px;
+  margin-left: 10px
+}
 </style>