Vue在使用el-image时显示加载失败问题

原因:

在element ui 组件上使用相对路径,webpack并不会对路径进行处理(即为根目录下的images)。

解决办法:

图片地址用 require 进行拉取。 

 

例如:

:src=“require(’…/assets/login/title-picture.png’)”

<div class="title-pic block">
       <el-image :src="require('../assets/login/title-pic.png')"></el-image>
</div>

 

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-11 17:08:01       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-11 17:08:01       71 阅读
  3. 在Django里面运行非项目文件

    2024-07-11 17:08:01       58 阅读
  4. Python语言-面向对象

    2024-07-11 17:08:01       69 阅读

热门阅读

  1. Dell IdracSCv2020服务器硬件监控指标解读

    2024-07-11 17:08:01       19 阅读
  2. 学习STM32的加速度传感器

    2024-07-11 17:08:01       21 阅读
  3. ARM/Linux嵌入式面经(十三):紫光同芯嵌入式

    2024-07-11 17:08:01       21 阅读
  4. webpack之ts打包

    2024-07-11 17:08:01       23 阅读
  5. 【ARMv8/v9 GIC 系列 6 -- 中断优先级详细介绍】

    2024-07-11 17:08:01       27 阅读
  6. 科研入门笔记

    2024-07-11 17:08:01       23 阅读
  7. 1984. 学生分数的最小差值

    2024-07-11 17:08:01       21 阅读
  8. 探索数据的星群:SKlearn聚类中心计算方法全解析

    2024-07-11 17:08:01       24 阅读
  9. 移动互联安全扩展要求测评项

    2024-07-11 17:08:01       18 阅读
  10. OSPF域内

    2024-07-11 17:08:01       19 阅读