vue中的js引入图片,使用require相关问题

vue中的js引入图片,必须require进来 或者引用网络地址不用require
<div class="van-cell__body" v-for="(item,index) in Kanban_img" :key="index">
<van-radio-group v-model="imgRadio" :disabled ="isDisabled==true?false:true" >
<van-cell-group>
<van-cell clickable @click="selectImg(index)">
<template #right-icon>
<van-radio v-bind:name= index />
<van-image width="50" height="50" @click="showImg(item)" fit="cover" :src="item" />
</template>
</van-cell>
</van-cell-group>
</van-radio-group>
</div>

data () {
return {
/* Kanban_img:[require('@/assets/img/1.jpg'),require('@/assets/img/2.jpg'),require('@/assets/img/2.jpg')], */
Kanban_img:[],
},

//获取图片
commonApi(params)
.then(res => {
var baseURL = 'http://xxx/xxx.do?path='
if(res.data.returns[0].length>0){
var aList=res.data.returns[0]
for (let i = 0; i < aList.length; i++) {
if (aList[i].Access != 0) {
_this.Kanban_img.push(baseURL+aList[i].kanban_img)
}
}
}else{
this.Kanban_img=['@/assets/img/notYet.png']
}
})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容