在el-table-column中的自定义div中引入背景图一直图片找不到,报404
时间: 2024-04-21 08:27:10 浏览: 61
如果你在 `el-table-column` 中自定义了 `div` 并引入了背景图,但是浏览器提示 404 错误,有可能是图片的路径不正确导致的。
首先,你需要确定图片的路径是否正确。图片的路径应该是相对于页面的 URL 路径,而不是相对于组件的路径。你可以尝试在浏览器中手动输入图片的 URL 地址,看看是否能够正确访问到图片。
如果图片的路径正确,但是仍然找不到图片,那么有可能是服务器没有正确地配置 MIME 类型导致的。你可以在浏览器的开发者工具中查看请求头中的 Content-Type 是否正确。
如果图片的路径和 MIME 类型都正确,但是仍然找不到图片,那么有可能是服务器没有正确地配置静态资源的访问权限导致的。你可以联系服务器管理员检查服务器配置是否正确。
相关问题
在el-table-column中的自定义div中引入背景图找不到,报404而img标签可以引入
在el-table-column中的自定义 div 中引入背景图报404错误,可能是因为图片路径不正确或者图片资源未正确引入。请检查一下图片路径是否正确,如果是相对路径,请确保图片资源与组件文件在同一目录下或者在正确的相对路径下。如果是绝对路径,请确保服务器上存在该图片资源。另外,你可以尝试使用开发者工具在 Network(网络)选项卡下查看该图片资源是否成功加载,以确定具体问题所在。如果 img 标签可以引入,可能是因为图片路径写法不同导致的问题。
el-table-column中div
el-table-column中的div是用来自定义表格列内容的。通过设置el-table-column的prop属性和自定义的div内容,可以实现自定义表格列的功能。
例如,下面的代码中,我们通过设置prop属性为'name',并在div中插入了一个a标签,来自定义表格列的内容:
```
<el-table-column prop="name">
<template slot-scope="scope">
<div>
<a href="#"> {{ scope.row.name }} </a>
</div>
</template>
</el-table-column>
```