浏览代码

【功能完善】文件列表: 添加复制链接功能

jinmh716 7 月之前
父节点
当前提交
74b62bf05e
共有 1 个文件被更改,包括 14 次插入0 次删除
  1. 14 0
      src/views/infra/file/index.vue

+ 14 - 0
src/views/infra/file/index.vue

@@ -95,6 +95,13 @@
       />
       <el-table-column label="操作" align="center">
         <template #default="scope">
+          <el-button
+            link
+            type="primary"
+            @click="copyToClipboard(scope.row.url)"
+          >
+            复制链接
+          </el-button>
           <el-button
             link
             type="danger"
@@ -172,6 +179,13 @@ const openForm = () => {
   formRef.value.open()
 }
 
+/** 复制到剪贴板方法 */
+const copyToClipboard = (text: string) => {
+  navigator.clipboard.writeText(text).then(() => {
+    message.success('复制成功')
+  })
+}
+
 /** 删除按钮操作 */
 const handleDelete = async (id: number) => {
   try {