vue 获取assets的图片
时间: 2023-11-25 18:05:57 浏览: 215
android 从assets获取图片
5星 · 资源好评率100%
在Vue中获取assets目录下的图片,可以使用相对路径来引用图片。假设你的图片在`src/assets/images`目录下,你可以在Vue组件中这样引用图片:
```html
<template>
<div>
<img src="../assets/images/example.jpg" alt="Example Image">
</div>
</template>
```
在Vue的单文件组件中,你可以使用`@`别名来代替`src`目录:
```html
<template>
<div>
<img :src="require('@/assets/images/example.jpg')" alt="Example Image">
</div>
</template>
```
这里使用了`require`函数来引用图片,因为Vue在编译时会将`require`函数转换为相应的URL。注意,这里使用了`:src`绑定语法,这样Vue会将该属性解析为JavaScript表达式,而不是字符串。
阅读全文