vue项目实现复制粘贴的功能

一、安装vue-clipboard2插件

npm install --save vue-clipboard2

二、main.js文件中引入

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

三、页面中配合button使用

<template>
	<el-button v-clipboard:copy="scope.row.Guid" v-clipboard:success="onCopy" v-clipboard:error="onError">复制Guid</el-button>
</template>
<script>
	export default {
	  data() {
	    return {}
	  },
  
	  methods: {
	    onCopy () {
	      this.$message({
	        message: '复制Guid成功',
	        type: 'success'
	      });
	    },
	    onError () {
	      this.$message({
	        message: '复制Guid失败',
	        type: 'error'
	      });
	    }
	  }

	}
</script>