Vue+Element ui+ Springboot实现table预览图片实现------Vue+Element 常用功能汇总之系列之二

情景：在想在列表中鼠标移到图片上，然后预览放大图片。

实现代码:

      <el-table-column prop="dataUrl" header-align="center" align="center" width="150px" label="图片">
        <template slot-scope="scope">
          <el-popover placement="right" title trigger="hover">
            <img :src="baseUrl+scope.row.dataUrl" style="height: 200px;width: 300px" align="center" />
            <img slot="reference" :src="baseUrl+scope.row.dataUrl"  style="max-height: 50px;max-width: 130px"
            />
          </el-popover>
        </template>
      </el-table-column>

ok 这次就到这里了^ - ^