vue如何引入本地图片?只需要添加一个关键字

vue如何引入本地图片?只需要添加一个关键字

vue在引入本地图片时,直接使用相对路径是不可以的。
需要添加require 关键字。
具体使用方法,举例:

在data里新建个imgUrl地址,具体如下:
data(){
     
	return{
     
		imgUrl:require("./assets/Homehomepagemenu.png")
	}
}

然后就可以直接在html里添加了。

<template>
	<img :src="imgUrl" />
</template>

你可能感兴趣的:(大前端,vue,js,javascript,html,前端)