Javascript 将数据（文本）复制到Vue中的剪贴板（Nuxt js）

当我单击

vs按钮

时，应将

single\u download\u链接.pdfId

复制到剪贴板上。 我试过了。但它不起作用。我不会使用

v-clipboard

节点模块。 请帮帮我。问候

DOM代码：

<div ref="text" class="w-full">{{single_download_link.pdfId}}
</div>
<vs-button block @click="copy()">
    Copy this link to clipboard.
</vs-button>
//this is my function

<script>
    import "../../assets/css/products.css";


    export default {
        name: 'Products',
        components:{
            Vinput,
        },
        data () {
            return {
                single_download_link:{
                    pdfId:"",
                    pdfRandomName:"",
                    uploaderUserName:"",
                    uploaderUserId:"",
                    uploaderUserEmail:""
                }
            }
        },
        methods:{
            copy(){
                this.$refs.text.select();
                document.execCommand('copy');
            },
        },

    }
</script>

{{single_download_link.pdfId}
将此链接复制到剪贴板。
//这是我的职责
导入“../../assets/css/products.css”；
导出默认值{
名称：'产品'，
组成部分：{
文普特，
},
数据（）{
返回{
单个下载链接：{
pdfId:“，
pdfRandomName:“”，
uploaderUserName:“”，
上传者序列号：“，
上传电子邮件：“
}
}
},
方法：{
副本（）{
这是.$refs.text.select（）；
document.execCommand（'copy'）；
},
},
}

这对我很有效，只需将其放入您的方法中，并传递任何您想要复制的

字符串

copyToClipBoard(textToCopy){
            const tmpTextField = document.createElement("textarea")
            tmpTextField.textContent = textToCopy
            tmpTextField.setAttribute("style","position:absolute; right:200%;")
            document.body.appendChild(tmpTextField)
            tmpTextField.select()
            tmpTextField.setSelectionRange(0, 99999) /*For mobile devices*/
            document.execCommand("copy")
            tmpTextField.remove()
        },