无法导入本地得图片(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导入图片

相关推荐
陈不知代码18 分钟前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记19 分钟前
sass中@mixin与 @include
前端·sass
陈琦鹏26 分钟前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数1 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante1 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端
Carlos_sam2 小时前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript
小毛驴8502 小时前
创建 Vue 项目的 4 种主流方式
前端·javascript·vue.js
誰能久伴不乏2 小时前
Linux如何执行系统调用及高效执行系统调用:深入浅出的解析
java·服务器·前端
涔溪3 小时前
响应式前端设计:CSS 自适应布局与字体大小的最佳实践
前端·css
今禾3 小时前
前端开发中的Mock技术:深入理解vite-plugin-mock
前端·react.js·vite