在vue开发中会遇到这样的问题:有时需要在img中加载多个静态资源的图片,如果我们将src的路径整个定义成一个变量,会发现img加载不出来正个图片的路径,其实此时需要require()来加载静态资源的路劲
在vue中通过js加载图片路径需要用 require() 加载图片路径
<img :src="titleIcon" class="title-icon">{{ title }}</img>
computed: {
titleIcon() {
return require(`@/assets/img/crm/${this.crmType}.png`)
}
},