因为在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,
},
])