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全路径直接使用则不会出现报错


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM