VUE 项目 element ui 表格实现取到后端图片数据地址实现问题

  当时在springboot+vue实现项目问题的时候，出现一个问题，就是后端数据库图片地址下显示的时候页面展示页面是只有地址信息，而不是我们想要的图片阅览。由此，找了很多办法，下面是解决方案。

<template>
  <div>
        <!--template需要有一个根元素-->
        <el-breadcrumb separator="/" style="margin-bottom:0px">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>商品管理</el-breadcrumb-item>
            <el-breadcrumb-item>商品介绍</el-breadcrumb-item>
        </el-breadcrumb>
           <hr size="0" color="#DCDFE6" />
            <el-row :gutter="10">
                <el-col :span="8">
                <div>
                    <el-input placeholder="请输入搜索内容" size="medium" clearable>
                        <el-button slot="append" icon="el-icon-se