JS复制到剪切板与vue复制到剪切板

js复制方法:

首先需要在页面中放置一个input标签,将其隐藏。将所要复制的值给予input标签,通过select() 方法选取文本域中的内容。最后通过document.execCommand来实现功能。该方法允许运行命令来操纵可编辑区域的内容。详情请点击

js复制方法

vue通过依赖包实现复制功能

在mian.js文件中引入import VueClipboard from 'vue-clipboard2',而后使用Vue.use(VueClipboard )

onCopy (e) {

    this.$message(

        {

            message:'复制成功!',

            type:'success'

        })

},

// 复制失败

onError (e) {

    this.$message({

        message:'复制失败!',

        type:'error' })

}

标签元素中使用

<el-button type="primary" v-clipboard:copy="teamLink" v-clipboard:success="onCopy"

v-clipboard:error="onError">复制</el-button>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,088评论 0 29
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,268评论 0 6
  • 下载安装搭建环境 可以选npm安装,或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时,控制...
    冥冥2017阅读 6,113评论 0 42
  • 网络中四 2018.3.31 持续分享第251天 指导语: 陈述需要解决的问题(明确一个),将它拟定为山,爬山相...
    xfsunshine阅读 856评论 0 1
  • ** 在一个平凡的夜晚,时针指向21:20分。 “哇!”随着一声哄亮的声音响起,林敏突然觉得身上少了什么东西,轻飘...
    一生如燕阅读 836评论 2 1