traffic-laser/src/views/tables/law.vue

<!--  -->
<template>
  <div v-for="(i, index) in 27" class="item">
    <img :src="getImageUrl(index)" alt="" />
    <!-- <img :src="`@/assets/images/law/${index}.jpg`" alt="" /> -->
  </div>
</template>

<script setup>
import { reactive, ref, toRefs, onBeforeMount, onMounted } from 'vue';

const getImageUrl = (index) => {
  return new URL(`/src/assets/images/law/${index + 1}.jpg`, import.meta.url).href;
};
</script>
<style lang="scss" scoped>
.item {
  img {
    width: 100%;
  }
}
</style>