问题:
可以从图中看出本地图片并没有导进去!!!!
解决:
如果你在 Vue 项目中无法导入本地图片,这通常是由于路径问题或者 webpack 配置不正确导致的。
很明显这跟路径是没有关系的!!!
1. 使用 require
或 import
导入图片
require!(AI案例)并没有实践了一下,require也找不到声明什么的,盲猜应该是需要安装一下什么的,觉得麻烦,就用了import导进去!!!!
<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导入图片