将内容复制到粘贴板

项目需求将一段分享链接支持用户复制到粘贴板

用到了一个javascript库, clipboard.js, 比较好用, 支持 ie9+和主流浏览器, 具体参照 clipboardjs官网

实例

<el-input v-model="code"></el-input>
<el-button id="copyBtn" data-clipboard-target="#foo">复制</el-button>
// 引入这个库之后, 实例化一个`clipboard`对象, 将触发复制事件的 dom 对象传入
var copy = new Clipboard('#copyBtn')
// 并支持回调
copy.on('success', function () {
    // 复制成功之后需要做的事情
})

点击复制按钮后, 会将 input 绑定的值复制到粘贴板