vue中本地静态图片路径写法
发布时间：2020-12-17 02:32:05 所属栏目：百科 来源：网络整理
导读：这里写图片描述 需求：如何components里面的index.vue怎样能把assets里面的图片拿出来。 1.在img标签里面直接写上路径： 2.利用数组保存再循环输出： data: () => ({ carouselData:[ {url:require('../assets/a1.png'),title:'你看我叼吗1',id:1},{url:requi
|
这里写图片描述 需求：如何components里面的index.vue怎样能把assets里面的图片拿出来。 1.在img标签里面直接写上路径： 2.利用数组保存再循环输出：
data: () => ({
carouselData:[
{url:require('../assets/a1.png'),title:'你看我叼吗1',id:1},{url:require('../assets/a3.png'),title:'你看我叼吗2',id:2},{url:require('../assets/a4.png'),title:'你看我叼吗3',id:3}
]
}),
效果如下： index.vue里面的完整代码是这个： 
|