复制链接

src/views/client/h5/Setting.vue

@@ -15,7 +15,9 @@
         <a-form-item label="H5站点地址" :labelCol="labelCol" :wrapperCol="wrapperCol">
           <a-input
             v-decorator="['baseUrl', { rules: [{ required: true, message: '请输入H5站点地址' }] }]"
+            :disabled="true"
           />
+          <span style="color: #4680ff;position: absolute;top: -10px;right: -60px;cursor: pointer;" @click="copyLink">复制链接</span>
           <div class="form-item-help">
             <p class="extra">
               <span>请填写H5端实际的访问地址，以</span>
@@ -104,8 +106,16 @@ export default {
       Api.update(this.key, { form: values })
         .then(result => this.$message.success(result.message, 1.5))
         .finally(() => this.isLoading = false)
+    },
+    // 复制链接地址
+    copyLink () {
+      console.log(this.record);
+      if (this.record.baseUrl) {
+        this.$copyText(this.record.baseUrl).then(res => {
+          this.$message.success('复制成功', 0.8)
+        })
       }
-
+    },
   }
 }
 </script>