复制功能

Posted 2020-11-12 cp123

 

第一种方法

v-clipboard:copy="school_url" v-clipboard:success="onCopy" v-clipboard:error="onError"   //可以直接加在标签里面。

//回调方法

 onCopy(){this.$dialog.toast({mes: ‘复制成功‘,timeout: 1000});},

 onError(){this.$dialog.toast({mes: ‘复制失败‘,timeout: 1000});},

 

第二种 在ios上貌似不行 没有仔细研究

 

<div style="opacity：0.5">

                        <input id="demoInput" style=‘position: absolute;right:110%‘ :value="school_url">

                     </div> 

 

aa(){

                const input = document.querySelector(‘#demoInput‘);

                input.select();

                if (document.execCommand(‘copy‘)) {

                    document.execCommand(‘copy‘);

                     this.$dialog.toast({mes: "复制成功",timeout: 1000});

                }

            },