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对象,用来阻止冒泡

/vue-to-copy/

    Package Sidebar

    Install

    npm i vue-to-copy

    Weekly Downloads

    7

    Version

    0.1.4

    License

    MIT

    Unpacked Size

    366 kB

    Total Files

    7

    Last publish

    Collaborators

    • cssking