< - 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(); }) } } }