vue实现海报功能

<!-- 分享二维码弹窗 -->
<template>
 <div class="marleft martop" style="margin-bottom:30px">
      <div class="app_spread poster">
        <div>赚钱</div>
        <div>注册</div>
        <div>app</div>
        <div>
          <span>扫一扫</span> 
          <!-- <div id="qrcode" ref="qrcode" class="erweima"></div> -->
          <canvas class="erweima" id="qrCode-canvas"></canvas>
          </div>
        <el-button type="warning" @click="down" style="margin-bottom:30px">下载</el-button>
      </div>
    </div>
  <!-- <el-dialog title="活动分享" :visible.sync="dialogVisible" width="303px" 
  :close-on-click-modal="false" close="dialogVisible()" custom-class="share-code-dialog"> -->
  <!-- <div>
     <div class="poster" :style="'background-image:url(' + imageUrl + ')'">
      <div class="shareImg">
        <i>扫码</i>
        <p>活动标题:{
  {activityName}}</p>
        <img v-if="