vue怎么插入图片?下面本篇文章给大家介绍一下在vue中插入图片的几种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
vue怎么插入图片?
首先给图片地址绑定变量
在script中设置变量
//方法1.直接将图片引入为模块
require imgUrl from "../assets/"
//方法2.将imgUrl放在数据里
data(){
return {
imgUrl:require("../assets/")
}
}
//方法3.在生命周期函数中设置
data(){
return {
imgUrl:""
}
}
created(){
let urlTemp = "assets/";
= require("@/"+urlTemp)
}
更多web前端开发知识,请查阅 HTML中文网 !!