Vue + ElementUI表格内实现图片点击放大效果

 <el-table-column property="activity_name" show-overflow-tooltip label="活动标题">
            <template slot-scope="scope">
              <div class="one_reapet">{{ scope.row.activity_name }}</div>
              <el-popover placement="bottom" trigger="click"> <!--trigger属性值：hover、click、focus 和 manual-->
                <a :href="scope.row.qrcode_url" target="_blank" title="查看最大化图片">
                  <img :src="scope.row.qrcode_url" style="width: 160px;height: 160px">
                </a>
                <img slot="reference" :src="scope.row.qrcode_url" style="width: 50px;height: 50px; cursor:pointer" />
              </el-popover>
            </template>
 </el-table-column>