JS复制到剪切板与vue复制到剪切板
2018-08-31 本文已影响28人
小小肉松
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>