如何实现点击按钮复制表格对应一行的内容？

• Z时代
• 2024-02-10
• 分类：IT

如题，表格用到了elementui的表格组件，前端框架为vue。现在在每行内容后面加上一个复制按钮，点击后可以复制对应的那一行内容，这该如何实现呢？

回答：

import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
<el-table-column label="操作">
    <template slot-scope="scope">
         <el-button
        class="clipboard"
        round
        size="mini"
        type="success"
        plain
        v-clipboard:copy="scope.row.id"
        v-clipboard:success="onCopy"
        v-clipboard:error="onError"
        >点击复制</el-button
      >  
   </template>
</el-table-column>
      // 复制成功
    onCopy() {
      this.$message.success('已复制到剪贴板！')
    },
    // 复制失败
    onError() {
      this.$message.warning('复制失败，请稍后再试试！')
    },

参考资料

以上是 如何实现点击按钮复制表格对应一行的内容？ 的全部内容， 来源链接： utcz.com/p/936087.html