Javascript vue.js和onsen ui应用程序中未显示图像

我使用以下代码在基于Vue.js和Onsen UI的应用程序中加载图像。但他们没有表现出来

  <div class="footer_logo">
    <ul>
      <li class=""><img :src="logo" alt="logo" /></li>
    </ul>
  </div>

编辑

项目结构

---

如果

静态

文件夹位于项目的根目录上，则应使用一些

根后缀

，如下所示：

import foot1 from '@static/assets/img/footerlogos/1.svg';

export default {
  data() {
      logo: foot1;
}

import foot1 from '../static/assets/img/footerlogos/1.svg';

export default {
  data() {
      logo: foot1;
}

参考资料：

---

添加如下相对路径：

import foot1 from '@static/assets/img/footerlogos/1.svg';

export default {
  data() {
      logo: foot1;
}

import foot1 from '../static/assets/img/footerlogos/1.svg';

export default {
  data() {
      logo: foot1;
}

svg

图像可能是一个问题，请先更改它，然后再检查它 行不行。它不起作用，请遵循以下解决方案

您必须将所有图像文件放入

assets

文件夹中

src

文件夹中，而不是

src/static

用这个测试。

• 在src文件夹内创建资产目录（确保it资产不是资产或其他任何内容）
• 添加图像ex:logo.jpg

而不是你的代码

 <div class="footer_logo">
    <ul>
      <li class=""><img :src="logo" alt="logo" /></li>
    </ul>
  </div>

---

路径看起来不太好…相对于静态文件夹，您的vue组件在哪里？vue组件在src文件夹中。我已在帖子中添加了项目结构。编辑您的问题，然后放置文件夹结构。