更新记录
1.0(2024-04-15) 下载此版本
v1.0.0
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
× | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
使用说明 wind-copy 组件
wind-copy 是一个自定义的 Vue 组件,用于在前端页面实现一键复制文本的功能。它提供了丰富的自定义选项,让你可以根据需要调整样式、复制内容和回调函数等。
组件属性 styleObj:string 类型,用于定义组件的样式。你可以传入一个 CSS 样式字符串,例如 color:red; 来设置文本颜色。
copyTextStr:string 类型,需要复制的文本内容。你可以通过这个属性设置要复制的文本,例如 测试文案。
callBack:function 类型,可选的回调函数。当复制操作成功时,会调用这个函数。你可以在组件的父组件中定义这个函数,并在 wind-copy 组件中通过 :callBack 属性传入。
tips:string 类型,可选的提示信息。当复制操作成功时,会显示这个提示信息给用户。例如,你可以设置为 复制成功。
<wind-copy styleObj="color:red;" copyTextStr="测试文案" :callBack="callback" tips="复制成功"></wind-copy>