vue复制文本至剪贴板及告知

1.安装。

执行命令以安装 vue-clipboard2 插件：npm install vue-clipboard2 --save

2.main.js引入与功能实现

引入 VueClipboard 模块来自 'vue-clipboard2' 库；

设置 VueClipboard 的配置项，将 autoSetContainer 属性设为 true，此配置并非强制要求；

在 Vue 实例中注册并启用 VueClipboard 插件；

三.使用。

1.局部应用。

     //复制

    
     copy(str){
    
     this.$copyText(str).then(function (e) {
    
         this.$Message.success("复制成功！");
    
     }, function (err) {
    
         this.$Message.error(err);
    
     })
    
     }
    
    
    
    

2.全局使用。

由于复制功能被多个页面所调用，因此可以创建通用的JavaScript函数，以降低代码重复