在el-table-column中的自定义div中引入背景图一直图片找不到，报404

如果你在 `el-table-column` 中自定义了 `div` 并引入了背景图，但是浏览器提示 404 错误，有可能是图片的路径不正确导致的。

首先，你需要确定图片的路径是否正确。图片的路径应该是相对于页面的 URL 路径，而不是相对于组件的路径。你可以尝试在浏览器中手动输入图片的 URL 地址，看看是否能够正确访问到图片。

如果图片的路径正确，但是仍然找不到图片，那么有可能是服务器没有正确地配置 MIME 类型导致的。你可以在浏览器的开发者工具中查看请求头中的 Content-Type 是否正确。

如果图片的路径和 MIME 类型都正确，但是仍然找不到图片，那么有可能是服务器没有正确地配置静态资源的访问权限导致的。你可以联系服务器管理员检查服务器配置是否正确。

相关问题

在el-table-column中的自定义div中引入背景图找不到，报404而img标签可以引入

在el-table-column中的自定义 div 中引入背景图报404错误，可能是因为图片路径不正确或者图片资源未正确引入。请检查一下图片路径是否正确，如果是相对路径，请确保图片资源与组件文件在同一目录下或者在正确的相对路径下。如果是绝对路径，请确保服务器上存在该图片资源。另外，你可以尝试使用开发者工具在 Network（网络）选项卡下查看该图片资源是否成功加载，以确定具体问题所在。如果 img 标签可以引入，可能是因为图片路径写法不同导致的问题。

<div class="bottomTable" v-show="coreState"> <el-table :data="tableData" style="width: 90%;" > <el-table-column prop="core" label="指标" width="300"> </el-table-column> <el-table-column prop="target" label="目标值" width="80"> </el-table-column> <el-table-column prop="finish" label="完成值" width="80"> </el-table-column> <el-table-column prop="finishRate" label="完成率%" width="100"> </el-table-column> </el-table> </div>怎么将这一行作为整体设置一张背景图片

你可以将这个 `<el-table>` 包裹在一个 `<div>` 容器中，并在这个容器中设置背景图片。同时，你需要为这个容器设置一个固定的高度，以确保背景图片可以显示完整。

以下是一个示例代码：

<div class="bottomTable" v-show="coreState" style="height: 200px; background-image: url('your-image-url'); background-size: cover;">
  <el-table :data="tableData" style="width: 90%;">
    <el-table-column prop="core" label="指标" width="300"></el-table-column>
    <el-table-column prop="target" label="目标值" width="80"></el-table-column>
    <el-table-column prop="finish" label="完成值" width="80"></el-table-column>
    <el-table-column prop="finishRate" label="完成率%" width="100"></el-table-column>
  </el-table>
</div>

在这个示例中，我们将 `<el-table>` 包裹在一个 `<div>` 容器中，并在这个容器的样式中设置了背景图片。同时，我们为这个容器设置了一个固定的高度。注意，我们使用了 `background-size: cover;` 属性来设置背景图片的尺寸，这样可以保证图片可以完整地覆盖容器。