vue移动端H5实现复制内容（邀请码）到粘贴板clipboard打开APP

1、安装插件clipboard

# npm i clipboard --save

# yarn add clipboard

 

2、引入（需要实现的文件）

 import Clipboard from 'clipboard'

 

3、view层

<van-button class="discount" round type="warning" @click="openApp()">立即下载APP</van-button>

4、methods

• clipboard 需要触发事件实现
• 点击事件 openApp()打开 
• new Clipboard（'xxx',{}） 绑定需要触发的dom
• text() => {}   返回复制内容

//复制粘贴板
copyCode(){
    let copy = this.$route.params.sellerId + ',sellerPayAndroid';
    let clipboard = new Clipboard('.discount', {  //绑定需要的触发的dom
        text: function() {
            return copy;
        }
    });
    clipboard.on('success', function (e) {
        // alert(copy)
        // Toast("邀请码已复制");
    });
},
//调用复制粘贴去打开APP...
openApp() {
    this.copyCode();
    let d = new Date();
    let t0 = d.getTime();

    var u = navigator.userAgent;
    var isIos = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    var isAndroid= u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
}