vue前端循环生成二维码

你可以使用一个叫做 `vue-qrcode` 的 Vue.js 插件来生成二维码。

首先，你需要在你的项目中安装 `vue-qrcode`：

npm install vue-qrcode --save

然后，在你的 Vue 组件中，可以像这样使用 `vue-qrcode`：

<template>
  <div>
    <div v-for="code in codes" :key="code">
      <qrcode :value="code"></qrcode>
    </div>
  </div>
</template>

<script>
import QRCode from 'vue-qrcode'

export default {
  components: {
    'qrcode': QRCode
  },
  data() {
    return {
      codes: ['http://www.example.com', 'http://www.anotherexample.com']
    }
  }
}
</script>

这个例子中，我们在一个 `div` 元素中循环渲染二维码，并且使用 `:value` 属性来指定二维码的内容。你可以根据你的需求改变这个例子。

注意：`vue-qrcode` 插件需要在 `Vue 2.x` 中使用。如果你的项目使用的是 `Vue 3.x`，你需要使用另一个插件来生成二维码。