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太菜了。还是得猛学,学海无涯了属于是