VUE内的JS在引用图片时为什么要require


使用require定义之后,你就可以动态使用了,不用require你就只能写死的。

不用 :src="'../img/image.jpg'" 会被解析为字符串

<img src="../img/image.jpg"> // 正常加载 <img :src="'../img/image.jpg'"> // 动态地址,路径被加载器解析为字符串,图片找不到 

使用

src1:require('../img/image1.jpg'), src2:require('../img/image2.jpg'), index: 1, 
<img :src="index = 0 ? src1: src2"> // 动态地址,正常加载


作者:不是米勒
链接:https://www.jianshu.com/p/ea08018d770c
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


免责声明!

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



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