1.下載clipboard.js
cnpm install clipboard --save
2.引入债蜜，可以在mian.js中全局引入也可以在單個(gè)vue中引入
import Clipboard from 'clipboard';?
3，在組件中使用
<van-list>
? ? ? <van-cell v-for="item in list" :key="item" :title="item">
? ? ? ? <van-button class="tag-read" :data-clipboard-text="item" @click="copy" size="mini">點(diǎn)擊復(fù)制</van-button>
? ? ? </van-cell>
? ? </van-list>
js:
methods: {
? ? //
? ? copy() {
? ? ? var clipboard = new Clipboard(".tag-read");
? ? ? clipboard.on("success", e => {
? ? ? ? this.$toast("復(fù)制成功"); //這里你如果引入了elementui的提示就可以用践瓷，沒(méi)有就注釋即可
? ? ? ? // 釋放內(nèi)存
? ? ? ? clipboard.destroy();
? ? ? });
? ? ? clipboard.on("error", e => {
? ? ? ? // 不支持復(fù)制
? ? ? ? this.$toast("該瀏覽器不支持自動(dòng)復(fù)制");
? ? ? ? // 釋放內(nèi)存
? ? ? ? clipboard.destroy();
? ? ? });
? ? },}
