vue中实现点击按钮复制内容

安装

npm install --save vue-clipboard2 or use dist/vue-clipboard.min.js without webpack

引入

对于vue-cli用户：

import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
 
Vue.use(VueClipboard)

对于常规项目：

<script src="vue.min.js"></script>
<!-- must place this line after vue.js -->
<script src="dist/vue-clipboard.min.js"></script>

使用

<el-button plain v-clipboard:copy="url"
           v-clipboard:success="shareCopy"
           v-clipboard:error="shareError">复制链接</el-button>

data(){
	return{
		url:''
}
},
methods:{
	shareCopy(){
        this.$message({
            message: '复制成功',
            type: 'success'
        })
    shareError () {
    	this.$message.error("复制失败")
    }
}

vue-clipboard2

记于：‎2020‎年‎7‎月‎26‎日，‏‎12:49:18