vue中引入图片的方法
例如我得图片位置在src/common/image中,现在想在放在页面中,发现在vue中要引入图片还真是个麻烦事,比angular麻烦多了1.html中引入<img :src="imgurl('recommend/banner1.jpg')" alt="">export default {data() {},methods: {//通用方法,这里直接找到公共图片文件夹imgurl (n
·
例如我得图片位置在src/common/image中,现在想在放在页面中,发现在vue中要引入图片还真是个麻烦事,比angular麻烦多了
1.html中引入
<img :src="imgurl('recommend/banner1.jpg')" alt="">
export default {
data() {},
methods: {
//通用方法,这里直接找到公共图片文件夹
imgurl (name){
// 大家根据自己的路径,修改下边的写法
return require('@/common/image/'+name);
}
}
};
后续在慢慢介绍其他写法
更多推荐
已为社区贡献2条内容
所有评论(0)