Vue3 静态资源管理【类似vue2的require()】

最新推荐文章于 2024-08-30 15:19:14 发布

こうえんで Tina

最新推荐文章于 2024-08-30 15:19:14 发布

阅读量704

点赞数

分类专栏： vue3 文章标签：前端 javascript html

本文链接：https://blog.csdn.net/m0_54421294/article/details/127572661

版权

vue3 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

效果图：（都是图片，图片数组）

直接拷贝，然后换一下图就能用

<template>
  <img v-for="(i,index) in 5" :key="index" :src="getAssetsImages(index)" alt="">
</template>

<script lang='ts'>
export default {
  name: "serviceStandard",
  setup(){
    const getAssetsImages = (index: number) => {
      return new URL(`/src/assets/hourService/myOrder/serviceStandard/0${index}.png`, import.meta.url).href
    }
    return{
      getAssetsImages
    }
  }
}
</script>

<style scoped>
img{
  width: 100%;
  margin-top: -7px;
}
</style>