Vue3 + Vite + ts引入本地图片

原创于 2024-12-23 16:39:20 发布 · 235 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

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