vue中的js引入圖片忽刽，必須require進(jìn)來(lái) 或者引用網(wǎng)絡(luò)地址不用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']
}
})
