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
1208浏览 2021-04-13 17:09
2
对接父子级数据的添加或修改逻辑
1174浏览 2021-04-21 09:47
3
Mysql常用sql语句
1173浏览 2021-04-20 10:46
4
通过微信接口获取code
1165浏览 2021-04-14 09:26
5
vue 页面按钮点击复制内容
1164浏览 2021-04-21 09:42
6
Linux安装中文字体
1124浏览 2021-04-13 17:14
7
vue中数组去重的实现
1086浏览 2021-04-14 09:20
8
合并单元格的方法
1081浏览 2021-04-14 09:23
9
Nginx如何配置重定向
1078浏览 2021-04-14 09:09
10
互联网文明颠覆你的认知
895浏览 2020-12-02 15:47