gpt4 book ai didi

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

转载 作者:搜寻专家 更新时间:2023-10-30 22:21:56 27 4
gpt4 key购买 nike

我使用以下代码在基于 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;
}

编辑

项目结构

最佳答案

svg image can be a problem first change it than check either it works or not. It it's not working follow the following solution.

您必须将所有图像文件放在 src 文件夹内的 assets 文件夹中,而不是 src/static

Test with this.

  • create assets directory inside src folder ( make sure it assets not asset or anything else )
  • add an image ex: logo.jpg

比你的代码

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

最后更新你的脚本

import foot1 from 'assets/logo.jpg';
export default {
data() {
logo: foot1;
}

关于javascript - 图像未在 vue.js 和 onsen ui 应用程序中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45860553/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com