vCopy

复制指令(仅支持在vue3项目中使用)

引入版本

0.80.0

Demo

<script setup lang="ts">
  import { vCopy } from '@wyfex/iutils'
  import { ElMessage } from 'element-plus'

  const modelValue = ref('')
</script>

<template>
  <UseElButton
    btnText="复制（简单字符串形式，没有提示）"
    v-copy="'简单字符串形式文本'"
  />

  <UseElButton
    btnText="复制（对象配置形式，业务接管提示）"
    v-copy="{
      text: '对象配置形式文本',
      onSuccess: () => ElMessage.success('复制成功'),
      onError: () => ElMessage.warning('复制失败，无内容或权限异常')
    }"
  />

  <el-divider border-style="dashed" />

  <UseElInput
    v-model="modelValue"
    type="textarea"
    placeholder="点击复制后可在这里右键粘贴复制的内容"
  />
</template>