Clipboard

该指令基于clipboard实现，允许用户指定剪贴板操作的内容、类型（复制或剪切）以及成功和失败时的回调函数。

示例

Copy to clipboard

<template>
  <suit-button v-Clipboard="'Hello, World!'" v-Clipboard:success="onCopySuccess" v-Clipboard:error="onCopyError">
    Copy to clipboard
  </suit-button>
</template>

<script>

export default {
  methods: {
    onCopySuccess(e) {
       this.$message.success('复制成功！')
    },
    onCopyError(e) {
      console.error('Failed to copy text: ', e)
    }
  }
}
</script>

Expand Copy Copy

在这个例子中，当用户点击按钮时，文本 "Hello, World!" 会被复制到剪贴板。如果复制成功，onCopySuccess 方法会被调用；如果复制失败，onCopyError 方法会被调用。

参数

arg: 可以是 'copy' 或 'cut'，表示复制或剪切操作。

value: 要复制到剪贴板的文本。

事件

success: 当复制或剪切操作成功时触发。

error: 当复制或剪切操作失败时触发。