Vue3 скопировать в буфер обмена по двойному клику?

Question

[nikolay66613]

Добрый день. Я новичок изучающий vue3.
Ситуация: я распарсил данные в таблицу. И теперь хотел бы делать копирование из ячейки двойным кликом.
Подскажите как это можно сделать и можно ли без сторонних библиотек?

<script setup>
import bdMan  from '../../assets/ManagerSanctions'

</script>

<template>
  <section >
    <table>
      <thead>
      <tr>
        <th>Нарушение</th>
        <th>Москва</th>
        <th>СПБ</th>
      </tr>
      </thead>
      <tbody>
        <tr v-for="item in bdMan" :key="item.title">
        <td >{{item.title}}</td>
        <td>{{item.msk}}</td>
        <td>{{item.spb}}</td>
      </tr>
      </tbody>
    </table>
    
  </section>
</template>

Answer 1

[Rsa97]

dblclick event, Clipboard.writeText(), Clipboard.write()

Comments

[nikolay66613]

Спасибо огромное. Столько времени я был рядом)))
Тепреь буду знать синтаксис useClipboard.

<script setup>
...
import { useClipboard } from '@vueuse/core'
const { copy } = useClipboard({});

</script>

<template>
  <tr v-for="item in bdMan" :key="item.title">
        <td 
        @dblclick="copy(item.title)"
        >{{item.title}}</td>

[Rsa97]

nikolay66613,

без сторонних библиотек

import { useClipboard } from '@vueuse/core'

Противоречие, однако

[nikolay66613]

Rsa97, согласен.
Но ни один метод сlipboard у меня не сработал в чистую.
Может конечно я что-то не понимаю во vue3.
Но учусь методом проб и шибок)