# UCopy 复制 - [示例](#示例) - [基本用法](#基本用法) - [触发元素](#触发元素) - [提示内容](#提示内容) - [提示方式](#提示方式) - [提示位置](#提示位置) - [提示时长](#提示时长) - [禁用状态](#禁用状态) - [API]() - [Props/Attrs](#propsattrs) - [Slots](#slots) - [Events](#events) **Effects** 复制文本到剪切板 ## 示例 ### 基本用法 通过`value`设置需要复制的文本。通过`text`设置链接的文本。 ``` html   ``` ### 触发元素 在默认插槽中更换触发元素。 ``` html 复制 ``` 也可以直接在元素上使用`v-copy`指令。 ``` html 复制 ``` ### 提示内容 通过`success-text`属性设置复制成功的提示内容。 ``` html 复制 ``` ### 提示方式 通过`feedback`属性设置复制成功的反馈方式。 #### tooltip (默认) ``` html 复制 ``` #### toast ``` html 复制 ``` 如果是指令，可以使用`toast`修饰符： ``` html 复制 ``` #### 不提示 ``` html 复制 ``` ### 提示位置 设置 tooltip 的提示位置。仅在`feedback`为`tooltip`的情况下生效。 ``` html 上左 上边 上右 左上 左边 左下 右上 右边 右下 下左 下边 下右 ``` #### 指令形式 ``` html 上左 上边 上右 左上 左边 左下 右上 右边 右下 下左 下边 下右 ``` ### 提示时长 通过`hide-delay`属性设置提示时长。 #### tooltip 弹框 ``` html 500毫秒 2秒 4秒 ``` #### toast 提示 ``` html 500毫秒 2秒 4秒 ``` #### 指令形式 在指令形式中，使用指令参数设置提示时长。 ``` html 复制 ``` ### 禁用状态 通过`disabled`属性禁用复制功能，仅针对复制组件本身。通过插槽设置的触发元素需要自己添加禁用状态。 ``` html 复制 ``` #### 指令形式 在指令形式中，直接根据元素的`disabled`属性来判断。 ``` html 复制 ``` ## API ### Props/Attrs | Prop/Attr | Type | Options | Default | Description | | --------- | ---- | ------- | ------- | ----------- | | text | string | | `'复制'` | 默认显示的文本 | | success-text | string | | `'已复制'` | 复制成功提示文本 | | feedback | string | `[object Object]`
`[object Object]`
`[object Object]` | `'tooltip'` | 复制提示反馈方式 | | placement | string | `[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]` | `'top'` | tooltip 提示框位置 | | hide-delay | number | | `3000` | 提示框显示时长 | | value | string | | | 需要复制的值 | | disabled | boolean | | `false` | 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） | ### Slots #### (default) 修改默认触发元素 ### Events #### @copy 内容复制成功后触发 | Param | Type | Description | | ----- | ---- | ----------- | | $event | object | 自定义事件对象 | | $event.value | string | 复制的值 | | senderVM | UCopy | 事件发送对象 |