修复下载同一张二维码的bug

src/views/content/video/index.vue

@@ -24,9 +24,9 @@
           <el-button type="text" @click="getDetail(scope.row.id, true)">查看</el-button>
           <el-button type="text" @click="getDetail(scope.row.id)" v-hasPermi="['content:video:edit']">编辑</el-button>
           <el-button type="text" v-clipboard:copy="getUrl(scope.row)" v-clipboard:success="copySuccess">复制链接</el-button>
-          <el-button type="text" @click="getCode">下载二维码</el-button>
+          <el-button type="text"  @click="getCode(scope.row.id)">下载二维码</el-button>
           <el-button type="delete" @click="getDelete(scope.row)" v-hasPermi="['content:video:delete']">删除</el-button>
-          <vue-qr :text="getUrl(scope.row)" ref="qrcode" style="display: none;" />
+          <vue-qr :text="getUrl(scope.row)" :ref="`qrcode` + scope.row.id" style="display: none;" />
         </template>
       </el-table-column>
     </el-table>
@@ -110,8 +110,8 @@ export default {
     },
 
     // 下载二维码
-    getCode() {
-      const url = this.$refs.qrcode.$el.src
+    getCode(id) {
+      const url = this.$refs['qrcode' + id].$el.src
       this.$download.saveAs(url, '二维码.png')
     },