使用npm模块copy-to-clipboard做一个好看点的点击文字自动复制

首先要实现的一个效果就是,点击当前文字,自动复制到剪贴板,鼠标移入展示:此文字点击可复制的一个小提示框,复制成功提示已复制到剪贴板,复制失败,提示不可复制(element的提示框)
1.下载依赖包

npm i copy-to-clipboard

第三方模块,我一般是在mounted钩子函数里面引入

   mounted() {
            const _this = this;
            import( /* webpackPrefetch: true */ 'copy-to-clipboard').then(({
                default: copy
            }) => {
            	// 基于代码规范,这个copy我做了一下转换
                _this.copyObj = copy;
            })
        },

点击复制操作

 <a href="#" @click="copy">{{current}}</a>   // 点击事件
   copy() {
   					// 如果接口返回有值并点击,给出提示
                if (this.copyObj(_this.current)) {
                    this.$message.success("已经复制到剪贴板");
                } else {
                    this.$message.error("复制失败，请手动执行");
                }
            },