vue3中引入本地图片

记录下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
    }
  }
})

猜你喜欢

转载自blog.csdn.net/Lucky_girl_wan/article/details/123520649