当时在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