Vue中img的src动态赋值本地路径报错

问题：我想根据tabIndex是否是当前值，来判断显示本地不同的图片。我按照下面的写法，页面会报404找不到相应图片地址。
 

 报错：

---

后来问了下同事，才得到解法。下面就简单总结一下正确写法：

静态 赋【静态url】地址：

动态 赋 【静态url 】地址（原因不多赘述，可以去百度下import和require的区别）：
vue中img的src和react中相似。
写法①：

js: 
    import url_1 from "@/assets/imgs/liaotian1.png"
    import url_2 from "@/assets/imgs/liaotian2.png"

html:
    
    

写法②： 

 

---

所以，我的项目中可以根据状态判断img的src值，代码如下：