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

小山羊~

于 2020-03-01 17:59:00 发布

阅读量3.8k

点赞数 3

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_21747731/article/details/104596749

版权

vue 专栏收录该内容

35 篇文章

订阅专栏

 <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>