vue img的src属性需动态赋值 本地url

不可直接使用变量路径 ,会报错

 

html:

~~~

    <img :src="abIndex == 0 ? './imgs/img.png':'./imgs/img1.png'" alt="">

   

~~~

需要用import引入

写法①：

js: 

    `import img from "@/assets/imgs/img.png"`

    `import img1 from "@/assets/imgs/img1.png"`

 

html:

~~~

    <img :src="tabIndex == 0 ? img: img1" alt="">

~~~

这只是本地图片相对路径图片会出现这个问题,如果使用http://xx.xxxx.com/imgs/img.png全路径直接使用则不会出现报错