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終端
}