vue移动端项目中怎么多个页面插入相同的图片
时间: 2023-06-12 07:05:40 浏览: 121
Vue实现移动端页面切换效果【推荐】
你可以将这些相同的图片放置在一个公共的文件夹中,然后在每个页面中引用这些图片。具体步骤如下:
1. 在你的项目中创建一个公共的文件夹,例如 `public/images`。
2. 将相同的图片放置在该文件夹中。
3. 在你的页面中,使用 `img` 标签来引用这些图片,例如:
```html
<img src="/images/common-image.jpg" alt="Common Image">
```
4. 注意,图片的路径以 `/` 开头,这是因为在 Vue CLI 3.x 中,默认使用了基于根目录的 Webpack 配置。如果你使用的是 Vue CLI 2.x 或者自定义的 Webpack 配置,可能需要根据实际情况调整路径。
这样,每个页面都可以共享这些相同的图片,而不需要在每个页面中都重复引用一遍。
阅读全文