从vue.js组件

Question

我尝试在我的网站中使用vue.js

渲染图像

我想要的文件就在这里 的 d：\编程\ mr_dan \资产\ IMG \ bkgds \粗棉布草药-bk.jpg

和vue的组成部分 的 d：\编程\ mr_dan \ SRC \部件\ Home.vue

这是 home.vue

的代码

<div style="background-image:url(../../assets/img/bkgds/cheesecloth-herbs-bk.jpg);">

Answer 1

Vue cli的WebPack可能没有将该内容解析为资产。一种解决方法是使用require()：

<div :style="'background-image:url(' + require('../../assets/img/bkgds/cheesecloth-herbs-bk.jpg') + ');'">

检查demo CodeSandbox here。