Skip to content

Vue.js 复制内容到剪贴板

🏷️ Vue.js

安装 vue-clipboard2 插件

bash
npm install --save vue-clipboard2

main.js 中导入 vue-clipboard2 并启用。

javascript
import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard)

使用示例:

javascript
doCopy: function () {
    this.$copyText(this.message).then(function (e) {
            _self.$message({
                message: '成功复制到剪切板',
                type: 'success'
            })
        }, function (e) {
            _self.$message({
                message: '复制失败',
                type: 'error'
            })
        })
}