问题描述

open回调里应该怎么写，我这样写是得不到index和row的

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
<template>
<div>

<el-button @click="centerDialogVisible = true;"></el-button>
<el-dialog
  :visible.sync="centerDialogVisible"
  center
  width="40%"
  @open="qrcode(scope.$index,scope.row)"
>
  <el-table :data="sites">
    <el-table-column>
      <template slot-scope="scope">
        <div :id="`qrcode${scope.$index}`" ref="qrcode">123</div>
        <el-button @click="qrcode(scope.$index,scope.row)"></el-button>
      </template>
    </el-table-column>
    <el-table-column label="姓名" prop="name"></el-table-column>
  </el-table>
</el-dialog>

</div>
</template>

<script>
import QRCode from "qrcodejs2";
export default {

components: {},
data() {
  return {
    centerDialogVisible: false,
    index: "",
    row: "",
    sites: [
      { name: "abc", age: 10 },
      { name: "qwe", age: 11 },
      { name: "asd", age: 12 }
    ]
  };
},
created() {},
mounted() {},
methods: {
  qrcode(index, row) {
    let qrcode = new QRCode(`qrcode${index}`, {
      width: 200, // 设置宽度，单位像素
      height: 200, // 设置高度，单位像素
      text: row.age // 设置二维码内容或跳转地址
    });
  }
}

};
</script>

你期待的结果是什么？实际看到的错误信息又是什么？