Vue.jsでクリップボードにコピー

やりたいこと

値をmethodに渡してそれをクリップボードにコピーしたい

template部分

<v-icon @click="copyToClipboard(text)">mdi-content-copy</v-icon>

script部分

methods: {
    copyToClipboard(text) {
        navigator.clipboard.writeText(text)
        .then(() => {
            console.log("copied!")
        })
        .catch(e => {
            console.error(e)
        })
    }
}

その他の方法

以下の記事の様に要素を指定してその内容をコピーすることもできる様です
https://qiita.com/ikemura23/items/eec0eed63fc119606451