vue生成二维码

1.  npm i qrcodejs2 --save安装   引入import QRCode from "qrcodejs2";

2.  <el-table-column label="家庭二维码" prop="roleSort" align="center">
           <template slot-scope="scope">
             <el-button type="text" @click="qrCodeGeneration(scope.row)"
               >查看</el-button
             >
             <el-dialog
               @opened="showCode"
               title="查看家庭二维码"
               :visible.sync="dialogVal"
               width="30%"
             >
               <div class="qrcode" ref="qrCodeUrl"></div>
               <span slot="footer" class="dialog-footer">
                 <el-button type="primary" @click="dialogVal = false"
                   >确 定</el-button
                 >
               </span>
             </el-