美文网首页vue
VUE内的JS在引用图片时为什么要require

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

作者: 好多柱 | 来源:发表于2021-05-17 09:57 被阅读0次

    原因:因为动态添加src被当做静态资源处理了,没有进行编译,所以要加上require。
    使用require定义之后,你就可以动态使用了,不用require你就只能写死的。

    用 :src="'../img/image.jpg'" 找不到图片地址
    <img src="../img/image.jpg"> // 正常加载

    如何使用require:
    src1:require('../img/image1.jpg'),

    src2:require('../img/image2.jpg'),

    index: 1,

    <img :src="index = 0 ? src1: src2"> // 动态地址,正常加载
    或者 <img :src="require('../../../assets/'+item.name+'_icon.png')">

    相关文章

      网友评论

        本文标题:VUE内的JS在引用图片时为什么要require

        本文链接:https://www.haomeiwen.com/subject/kdwmkltx.html