クリップボードの電話番号にコピーVUE

< - HTMLコードの一部- !> 
<
テンプレート> < divの> < スパンID = "PHONENUM" > {{}}電話</ スパン> < スパン:データをクリップボードテキスト= "電話" @click =「コピー" >クリップボードにコピー</ スパン> </ DIV > </ テンプレート>
//輸入ClipboardJS、トースト
/ *
*でhttps://clipboardjs.com/ダウンロードclipboard.js
* /
"@ / commom / clipboard.js"からインポートClipboardJS 
からのインポート{乾杯} "ミント-UI" 
のエクスポートデフォルト{ 
    データ(){ 
        リターン{ 
            :電話 15366666666 
        } 
    }、
    メソッド:{ 
        コピー(){ 
            VARのクリップボード= 新しい ClipboardJS( "#phoneNum" ); 
            clipboard.on( "成功"、E => { 
                トースト({ 
                    メッセージ: "复制成功" 
                    位置: "中" 
                    時間:
                clipboard.destory(); 
            }); 
            clipboard.on( "エラー"、E => { 
                clipboard.destory(); 
            })
        } 
    } 
}
 
 

 

 

おすすめ

転載: www.cnblogs.com/zhangy94/p/11640440.html