欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

关于img标签内:src不显示本地图片的问题

程序员文章站 2022-05-26 09:53:50
...

当src前面不加冒号展示本地图片,像下面这样写是没问题的:

<img
    src="../../assets/images/app.png"
    width="375"
/>

但是,当src前面加了冒号以后,像下面这样写本地图片是无法显示的(imgUrl为网络图片地址):

<img
    :src="imgUrl ? imgUrl : '../../assets/images/app.png'"
    width="375"
/>

要想正常显示,需要使用require,像下面这样:

<img
    :src="imgUrl ? imgUrl : require('../../assets/images/app.png')"
    width="375"
/>
相关标签: vue vue