方法1:通过require在js引入图片资源,通过:style动态绑定
/***<div :style="{backgroundImage:`url(${img})`}"></div>*/
export default{
data(){
return {
img:reqire('./image/xxx.png')
}
}
方法2:vue.config.js配置assetsDir:“static”
module.exports = defineConfig({
publicPath: './',
transpileDependencies: true,
lintOnSave: false
assetsDir: "static"
})
文章介绍了在JavaScript中通过`require`导入图片以及在Vue项目中通过配置vue.config.js将静态资源放在static目录下,以便于引用图片资源的方法。数据绑定示例展示了如何在模板中使用动态背景图片。
1324

被折叠的 条评论
为什么被折叠?



