2021-06-11

标题 ： 复制粘贴功能

最近碰到需要进行文本复制的功能，如果使用插件的话使用
npm install --save vue-clipboard2安装插件

main.js引入 ：

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

页面中使用 ：

                       <el-button
                       v-clipboard:copy="你要复制的内容"
                       v-clipboard:success="成功的回调"
                       v-clipboard:error="失败的回调">复制</el-button>

下面是不使用插件的写法：

                    <a  @click="copyText(nickname)">复制</a>          nickname是你要复制的内容
                     	copyText (value) {
			let that = this
			const input = document.createElement('input')
			document.body.appendChild(input)
			input.setAttribute('value', value)
			input.select()
			if (document.execCommand('copy')) {
				document.execCommand('copy')
			}
			document.body.removeChild(input)
		},