一、三元表达式在中的使用方法

<img src="判断条件?url1:url2"/>

二、原因及解决办法

  1. 查看是不是判断条件的问题
  2. 路径错误,修改方法如下:
    ①把图片放在assets文件夹,然后data里面require进图片
//vue中
data(){
url1:require('./assets/logo.png')
url2:require('./assets/icon.png');
}
//html中
<img :src="判断条件?url1:url2"/>

②把图片放在src同级的static文件夹下;
③把图片放在cdn上,把网络地址存在imgUrl里,然后直接去展示。

参考
https://blog.csdn.net/qq_33744228/article/details/81319485

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐