vue 点击文本或按钮将内容复制到剪贴板

iviewUI方式：

render: (h, params) => {
	return h('div', [
		h('Button', {
			props: {
				type: 'text',
				size: 'small'
			},
			on: {
				click: () => {
					this.copyToClipboard(params.row.result)
                 	this.$Message.success({
                        content: '复制成功！',
                        duration: 5
                    })
				}
			}
		}, params.row.result)
	])
}

// 点击复制到剪贴板函数
copyToClipboard(content) {
	if (window.clipboardData) {
			window.clipboardData.setData('text', content);
		} else {
		(function (content) {
			document.oncopy = function (e) {
				e.clipboardData.setData('text', content);
				e.preventDefault();
				document.oncopy = null;
		}
		})(content);
		document.execCommand('copy');
	}
},

按钮方式：

<van-button type="info" icon="description" @click="copyUrl">复制链接</van-button>

copyUrl(){
	let host = window.location.host
	//拼想要复制的链接
	let url = 'http://' + host + '/XXX/' + this.XXX + '/' + this.XXX
	console.log("复制的链接=" + url)
	console.log("域名=" + host)
	// 需要复制的文本内容
	this.copyToClipboard(url) 
	this.$Message.info('复制成功!')
},

原文链接：https://blog.csdn.net/hu_zhiting/article/details/86377072