vue3 中img怎么使用需要加requer
时间: 2024-02-06 20:09:59 浏览: 52
解决vuecli3中img src 的引入问题
在 Vue3 中,如果要使用 `<img>` 标签显示图片,需要使用 `require` 函数来引入图片资源。示例代码如下:
```
<template>
<div>
<img :src="require('@/assets/images/logo.png')" alt="Logo">
</div>
</template>
```
其中 `@` 符号是 Vue CLI 中默认提供的别名,表示项目根目录。`require` 函数的参数是图片资源的相对路径,需要以 `@` 开头,表示项目根目录下的 `src` 目录。
需要注意的是,`require` 函数只能用于在模板中引入图片,如果要在 JavaScript 代码中引入图片,需要使用 ES6 的 `import` 语句。
阅读全文