vue中data里面的圖片數組,取不到本地的解決辦法

<div class="end-item-img" v-for="(item,index) in List" :key="index">
    <img :src="item.img">
</div>

 List:[
     {img:require('../assets/teacher1.png')},
     {img:require('../assets/teacher2.png')},
     {img:require('../assets/teacher3.png')},
     {img:require('../assets/teacher4.png')},
     {img:require('../assets/teacher5.png')}
 ]

在data 的數組中使用 require 引入即可正常顯示