Framework7 Vue Cordova图像参考

Question

我刚开始使用Framework7 Vue入门套件，并且不确定图像是如何工作的。在src/assets/static/images下有一个图像文件夹，在他们的文档中，它说是为那里的项目放置图像。我的问题是在vue文件中如何引用它们？在www项目文件夹中，当我进行构建时，我看不到src/assets/static/images中的任何图像被转移到哪里？

Answer 1

应使用以下代码

在config / index.js文件中配置静态资产的路径

// config/index.js
module.exports = {
  // ...
  build: {
    assetsPublicPath: '/',
    assetsSubDirectory: 'static'
  }
}

然后您可以使用

在图片中添加图片

<img src="/static/imagename.png"></img>

下面详细介绍了framework7 + vue如何处理静态资产 https://vuejs-templates.github.io/webpack/static.html