I am currently developing a Chrome extension using Vue.js where I aim to copy the content within a pre tag section to the clipboard with the click of a button. By assigning an element ID to the pre tag, I can retrieve the content using a copyToClipboard() method. This is what my code looks like:
<template>
<div>
<button @click="copyToClipboard()">Copy To Clipboard</button>
</div>
The method is defined as follows:
methods : {
copyToClipboard() {
const textToCopy = document.getElementById('textToBecopied')
textToCopy.select()
document.execCommand('copy')
}
}
Although I believe the method is executing correctly, the function .select that I'm using throws an error stating that it's not a function. Does anyone have a better solution to achieve what I am trying to accomplish?