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)

}