Vue3 + Vite + ts引入本地图片

iOS_MingXing

于 2024-12-23 16:39:20 发布

阅读量235

点赞数 3

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/iOS_MingXing/article/details/144672089

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