Vue3 + Vite + ts引入本地图片

因为在vue3中 require 被放弃使用 所以更新一下本地图片使用方式 话不多说直接上干货

interface InvoiceItem {
  imageURl: any
  status: string
  number: number
}

function get_img_url(name: any) {
  return new URL(`/src/assets/images/${name}`, import.meta.url).href
}

const invoiceItems = ref<InvoiceItem[]>([
  {
    imageURl: get_img_url('icon_example.png'),
    status: '中',
    number: 3,
  },
])