Vue项目中document.execCommand()的用法(个人经验)

文章前缀
项目需求(不使用ctrl+c)实现复制我所需要复制内容，
https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand
官方文档有提示 (慎用)

目前我在谷歌浏览器，搜狗浏览器、Microsoft Edge 都可以正常使用

首先在当前视图中新建一个p和textarea标签，代码如下

		<p id="content"></p>
		<textarea id="text" style="position: fixed;top: 10000px;left: 10000px;opacity: 0;"></textarea>

能看到这两个标签里是空的(即在页面上是不显示的)

其次，就是在就是在你的点击事件的方法里面获取里面的innerText

var content = document.getElementById("content").innerText;

因为我是从后台得到的数据，并且每次的数据都不一样，可在data中声明一个变量来存储(变量赋值)

然后就是使用document.execCommand()

var text = document.getElementById("text");
						text.value = content;
						text.select();
						document.execCommand("copy");

最后可写一个提示框 看看有无复制成功

this.$message({
							type: 'success',
							message: '复制成功'
						});

（个人经验）