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="">
const src= '../assets/banner-logo.png';不能直接是使用require直接引入...
急着查询Vue3动态引入图片方式?或者vue2动态绑定图片方式?===>那就，直接滑到底部~ 有如下需求: 有一些...
vite 官方默认的配置，打包后会把图片名加上 hash值，但是直接通过 :src="imgSrc"方式引入并不会...
开发者使用一个模块时，有时需要知道模板本身的一些信息（比如模块的路径）。现在有一个提案[https://githu...
现如今的前端项目用webpack打包已经成为了行业趋势，然而在此模式的前提下，图片的引入是我们不可避免的问题。正常...
video标签 图片错误处理 动态引入js 多行省略 sass for 循环 sass 数组遍历
背景 在Vue项目中通过data设置图片路径，然后在template中引入后页面无法显示图片。直接在页面用相同的路...
一张图片引发的一系列事件。。。问题描述: 标签需要动态引入图片，请求接口返回不同的图片名称展示不同的图片； 图片路...
动态引入assets下的图片 要用require assets中webpack构建压缩到你代码中，而static文...
本文标题：vue3+vue-cli5+ts 动态引入图片
本文链接：https://www.haomeiwen.com/subject/kkottdtx.html
网友评论