vant-image本地图片无法显示的解决方式

	<van-image
            lazy-load
            width="34rem"
            height="8rem"
            fit="contain"
            src="../assets/logo.png"
            @click="toMikeRouter(index)"
          >
            <template v-slot:loading>
              <van-loading type="spinner" size="20" />
            </template>
            <template v-slot:error>加载失败</template>
	</van-image>

:src="require('../assets/logo.png')"

 <van-col
          v-for="(value, index) in imgList"
          :key="index"
          span="8"
        >
 	<van-image
            width="8rem"
            height="8rem"
            fit="contain"
            :src="value"
          >
            <template v-slot:loading>
              <van-loading type="spinner" size="20" />
            </template>
            <template v-slot:error>加载失败</template>
      </van-image>
 </van-col>
 
//script(vue)
 data() {
    return {
      //图片资源
      imgList: [
        require("../assets/icon_emeetnote_nor.png"),
        require("../assets/img_ai_buds01_nor.png")
      ]
    };
  },

<div class="boximg">
	<img src="../assets/hahaha.png">
</div>
//反正这么写PC端出来的好好的，移动端就是不出来

<van-image :src="require('../../assets/hhh.png')"/>
//再对组件进行引用，图片终于出来了。
//但是莫要忘了引用，忘了肯定也显示不出来
import {Image as VanImage} from "vant";
components: {
		[VanImage.name]: VanImage,
    },
//至于为什么是vanImage我也没有深究，图片能出来我已经很感动了

<div>
	<van-row>
	    <van-col span="6" v-for="(image, index) in imageList" :key="index" > 
			<div class="imgbox">
				<van-image :src="image.img" fit="cover"/>
			</div>
			<span>{{image.title}}</span>
		</van-col>
	</van-row>
</div>
//在data中定义数组
imageList: [
    {img:require('../../assets/tupian1.png'),title:"图片1"},
    {img:require('../../assets/tupian2.png'),title:"图片2"},
    {img:require('../../assets/tupian3.png'),title:"图片3"},
    {img:require('../../assets/tupian4.png'),title:"图片4"},
],