记录下vue3中引入本地图片:
使用require引入,require里面为图片路径,一般用相对路径,注意require不能接收变量作为地址
export default defineComponent({
name: 'test',
setup() {
const projectStatistics = ref([
{
title: '明日项目',
icon: require('@/assets/imgs/line-chart1.png'),
number: 55
},
{
title: '本周项目',
icon: require('@/assets/imgs/line-chart2.png'),
number: 55
},
{
title: '我的项目(本周)',
icon: require('@/assets/imgs/line-chart3.png'),
number: 55
}
])
return {
projectStatistics
}
}
})