生成代码vue使用qrcodejs2在element ui在table表格中循环生成二维码

下面是使用qrcodejs2在element ui的table表格中循环生成二维码的示例代码：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="id" label="ID"></el-table-column>
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column label="QR Code">
      <template slot-scope="scope">
        <div ref="qrcode" :data-url="scope.row.url"></div>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
import QRCode from 'qrcodejs2'

export default {
  data() {
    return {
      tableData: [
        { id: 1, name: 'foo', url: 'https://example.com/foo' },
        { id: 2, name: 'bar', url: 'https://example.com/bar' },
        { id: 3, name: 'baz', url: 'https://example.com/baz' }
      ]
    }
  },
  mounted() {
    // 循环生成二维码
    this.$nextTick(() => {
      this.$refs.qrcode.forEach((el) => {
        new QRCode(el, {
          text: el.dataset.url,
          width: 100,
          height: 100
        })
      })
    })
  }
}
</script>

在上面的代码中，我们使用了`ref`来引用每个二维码元素，然后在`mounted`钩子函数中使用`forEach`循环生成二维码。在生成二维码时，我们使用了qrcodejs2库，并传入了二维码的链接、宽度和高度等参数。最终的效果是在表格中的每一行中生成了一个二维码。