（方法）JavaScript 页面点击复制功能(vue)

html代码

 <span class="webUrl" @click="copyUrL">点击复制网站地址：https://subtoph.github.io</span>

JavaScript代码

//复制网站地址
copyUrL(){
    // 创建input元素
    const input = document.createElement('input')
    // 添加到body中
    document.body.appendChild(input)
    // 设置input的值  可动态设置值 这里固定为 https://subtoph.github.io
    input.setAttribute('value',"https://subtoph.github.io")
    // 选择文本域内容
    input.select()
    // 执行浏览器复制命令
    // 复制命令会将当前选中的内容复制到剪切板中（这里就是创建的input标签）
    // Input要在正常的编辑状态下原生复制方法才会生效
    if (document.execCommand('copy')) {
        document.execCommand('copy')
    }
    alert('复制成功')   //提示
    // 清除元素
    document.body.removeChild(input)
}

上面演示固定内容复制，可以根据需求设置动态需要复制的内容即可。