Vue.js是一個(gè)流行的JavaScript框架，其主要特色是能夠構(gòu)建交互式的用戶界面。其中一個(gè)非常常見(jiàn)的需求就是讓用戶通過(guò)點(diǎn)擊按鈕或文本來(lái)復(fù)制內(nèi)容。Vue.js可以很輕松地實(shí)現(xiàn)這個(gè)功能，下面我們來(lái)看看如何做到這一點(diǎn)。

首先，我們需要在HTML模板中定義一個(gè)按鈕或文本，如下所示：

<button v-on:click="copyText" class="btn">復(fù)制
這里定義了一個(gè)名為copyText的方法，它會(huì)在用戶點(diǎn)擊按鈕時(shí)被觸發(fā)。我們需要在Vue實(shí)例中定義這個(gè)方法，如下所示：
<script>
new Vue({
el: '#app',
data: {
textToCopy: '這是要復(fù)制的文本'
},
methods: {
copyText() {
const copyTextArea = document.createElement('textarea')
copyTextArea.value = this.textToCopy
document.body.appendChild(copyTextArea)
copyTextArea.select()
document.execCommand('copy')
document.body.removeChild(copyTextArea)
}
}
})
</script>
在這里，我們利用了JavaScript的execCommand方法來(lái)將選定的文本復(fù)制到剪貼板中。在這個(gè)方法中，我們首先創(chuàng)建了一個(gè)隱藏的textarea元素，然后將待復(fù)制的文本賦值給它，并將其添加到頁(yè)面上。接著，我們選定了這個(gè)textarea中的文本，并執(zhí)行了copy命令，將文本復(fù)制到剪貼板中。最后，我們將這個(gè)textarea元素從頁(yè)面上移除。
現(xiàn)在，當(dāng)用戶點(diǎn)擊剛才定義的按鈕時(shí)，就會(huì)將指定的文本復(fù)制到剪貼板中。這是Vue.js提供的一個(gè)非常便捷的實(shí)現(xiàn)方法，使得我們可以輕松地實(shí)現(xiàn)復(fù)制文本的功能。