在img标签内使用三元表达式切换图片，图片无法正常显示--vue

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

<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