vue-to-copy

0.1.4 • Public • Published

vue-to-copy

移动端js实现点击复制到剪贴板,兼容市面上大多数浏览器。基于https://www.love85g.com/?p=1528实现。

Usage

1:安装

npm install vue-to-copy --save
or
yarn add vue-to-copy

2:引入

在main.js中

// 导入组件
import Copy from 'vue-to-copy'

// 注册组件库
Vue.use(Copy);

3:使用

<Copy />

API

// 默认不定义按钮,则显示默认按钮,建议根据自己需要配置自定义按钮
<Copy :content="content" @copyCallback="copyCallback">
</Copy>   

<Copy content="复制内容" @copyCallback="copyCallback">
    <button>copy</button>
</Copy>   

methods: {
    copyCallback(){
      console.log('复制成功');
    }
}

content
[String]
复制内容 默认文字【请配置复制内容】

copyCallback
[Function] 复制成功回调,常用与复制成功提提示

更新记录

===== 2019-07-25 ======
1:修复复制按钮的e对象,用来阻止冒泡

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.1.4
    2
    • latest

Version History

Package Sidebar

Install

npm i vue-to-copy

Weekly Downloads

2

Version

0.1.4

License

MIT

Unpacked Size

366 kB

Total Files

7

Last publish

Collaborators

  • cssking