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
Java实现html页面抓取转PDF
1498浏览 2021-04-13 17:09
2
通过微信接口获取code
1426浏览 2021-04-14 09:26
3
vue 页面按钮点击复制内容
1375浏览 2021-04-21 09:42
4
Mysql常用sql语句
1366浏览 2021-04-20 10:46
5
对接父子级数据的添加或修改逻辑
1360浏览 2021-04-21 09:47
6
Linux安装中文字体
1214浏览 2021-04-13 17:14
7
vue中数组去重的实现
1147浏览 2021-04-14 09:20
8
Nginx如何配置重定向
1133浏览 2021-04-14 09:09
9
合并单元格的方法
1125浏览 2021-04-14 09:23
10
邀请函│EICD2021中国民办教育大会
1014浏览 2021-03-15 14:06