vue table点击粘贴

如果你想在 Vue 中实现点击表格单元格粘贴，可以使用以下代码：

HTML：

<template>
  <table>
    <tbody>
      <tr v-for="(row, rowIndex) in tableData" :key="rowIndex">
        <td
          v-for="(cell, cellIndex) in row"
          :key="cellIndex"
          @click="copyToClipboard(cell)"
        >
          {{ cell }}
        </td>
      </tr>
    </tbody>
  </table>
</template>

JavaScript：

export default {
  data() {
    return {
      tableData: [
        ['A', 'B', 'C'],
        ['D', 'E', 'F'],
        ['G', 'H', 'I']
      ]
    };
  },
  methods: {
    copyToClipboard(text) {
      const el = document.createElement('textarea');
      el.value = text;
      document.body.appendChild(el);
      el.select();
      document.execCommand('copy');
      document.body.removeChild(el);
    }
  }
};

此代码将在单击表格单元格时将其值复制到剪贴板中。它使用 `document.execCommand('copy')` 方法来复制文本内容。