无法导入本地得图片(Vue中轮播图片)

问题:

可以从图中看出本地图片并没有导进去!!!!

解决:

如果你在 Vue 项目中无法导入本地图片,这通常是由于路径问题 或者webpack 配置不正确导致的。

很明显这跟路径是没有关系的!!!

1. 使用 requireimport 导入图片

require!(AI案例)并没有实践了一下,require也找不到声明什么的,盲猜应该是需要安装一下什么的,觉得麻烦,就用了import导进去!!!!

javascript 复制代码
<script setup>  
import { ref } from 'vue'  
  
const carouselItems = ref([  
  { image: 'https://example.com/image1.jpg', title: 'Title 1' },  
  { image: require('@/assets/imgs/bg.png'), title: 'Title 2' },  
  // ...  
]);  
</script>

!!!!当然了我这里用的是import导入图片

相关推荐
文心快码BaiduComate7 小时前
我用文心快码Spec 模式搓了个“pre作弊器”,妈妈再也不用担心我开会忘词了(附源码)
前端·后端·程序员
JH灰色7 小时前
【大模型】-LangChain--stream流式同步异步
服务器·前端·langchain
lxh01137 小时前
二叉树中的最大路径和
前端·算法·js
狗哥哥8 小时前
前端权限系统的“断舍离”:从安全防线到体验向导的架构演进
vue.js·架构
CC码码8 小时前
前端字符串排序搜索可以更加细化了
前端·javascript·面试
喵爱吃鱼8 小时前
kuma-ui中Flex vs FlexMin的关键区别
前端
codingMan8 小时前
[Android Compose] 拒绝闪烁!打造丝滑的聊天页面列表(仿微信效果)
前端
你别追我跑不动8 小时前
基于代码扫描的 Icon 优化实践
前端·性能优化
磊磊磊磊磊8 小时前
用AI做了个排版工具,分享一下如何高效省钱地用AI!
前端·后端·react.js
喵爱吃鱼8 小时前
flex 0 flex 1 flex none flex auto 应该在什么场景下使用
前端