vue 页面按钮点击复制内容
2021
04.21

vue 页面按钮点击复制内容

1、页面中生成所需按钮

2、使用点击事件

@click="copyUrl()"

3、在methods中写入复制方法

copyUrl() {

// js创建一个input输入框

const input = document.createElement('input')

// 将输入框暂时创建到实例里面

document.body.appendChild(input)  

 

input.setAttribute('value', '复制内容,可传参')

// 选中输入框中的内容

input.select()

// 执行复制操作

document.execCommand('copy')

// 最后删除实例中临时创建的input输入框,完成复制操作

document.body.removeChild(input)

热门文章
1
通过微信接口获取code
6932浏览 2021-04-14 09:26
2
Java实现html页面抓取转PDF
3990浏览 2021-04-13 17:09
3
vue 页面按钮点击复制内容
2945浏览 2021-04-21 09:42
4
对接父子级数据的添加或修改逻辑
2896浏览 2021-04-21 09:47
5
Mysql常用sql语句
2722浏览 2021-04-20 10:46
6
邀请函│EICD2021中国民办教育大会
2045浏览 2021-03-15 14:06
7
Linux安装中文字体
1957浏览 2021-04-13 17:14
8
合并单元格的方法
1682浏览 2021-04-14 09:23
9
vue中数组去重的实现
1594浏览 2021-04-14 09:20
10
Nginx如何配置重定向
1562浏览 2021-04-14 09:09