文章前缀
项目需求(不使用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: '复制成功'
						});

(个人经验)

Logo

前往低代码交流专区

更多推荐