vue2动态获取图片路径的加载问题

 created() {
    const id = this.$route.params.id;
    this.id = id;
    if (id === "Porifera" || id === "Hexactinelida" || id === "Demospongiae") {
      this.parentNode = "Sponge";
    }

    console.log(this.parentNode, this.id);
    this.imgSrc = require(`assets/${this.parentNode}/${this.id}/${this.id}.jpg`);
  },

点击一个组件的时候，会把图片的路径参数传过来，如果不用require，就是加载不出来的

初始化数据

  <img :src="imgSrc" alt="" />

。。。

webpack太菜了。还是得猛学，学海无涯了属于是