美文网首页
vue3+vue-cli5+ts 动态引入图片

vue3+vue-cli5+ts 动态引入图片

作者: 多记录多学习 | 来源:发表于2022-10-27 19:41 被阅读0次

    const src= '../assets/banner-logo.png';
    不能直接是使用require直接引入变量require(src)或者require({src })(模版字符串)
    会提示找不到模块
    app.js:2186 Uncaught (in promise) Error: Cannot find module '../assets/banner-bg.png'

    image.png

    替换成下面的格式是成功的
    const src = 'banner-bg.png';
    const loadingSrc = () => require(../assets/${src});(模版字符串)
    <img :src="loadingSrc()" alt="">

    相关文章

      网友评论

          本文标题:vue3+vue-cli5+ts 动态引入图片

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