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
8751浏览 2021-04-14 09:26
2
Java实现html页面抓取转PDF
4557浏览 2021-04-13 17:09
3
vue 页面按钮点击复制内容
3433浏览 2021-04-21 09:42
4
对接父子级数据的添加或修改逻辑
3328浏览 2021-04-21 09:47
5
Mysql常用sql语句
3102浏览 2021-04-20 10:46
6
邀请函│EICD2021中国民办教育大会
2270浏览 2021-03-15 14:06
7
Linux安装中文字体
2137浏览 2021-04-13 17:14
8
合并单元格的方法
1807浏览 2021-04-14 09:23
9
互联网文明颠覆你的认知
1740浏览 2020-12-02 15:47
10
实现对接微信H5拍照或上传照片
1724浏览 2021-05-26 09:12