iViewの概要
公式サイト:http://v1.iviewui.com/
ドキュメント:https://www.iviewui.com/docs/introduce
iViewはリストに画像を表示します
export default {
data () {
return {
defaultImg:require('@/assets/images/defaultImg.jpg'),
}
}
}
columns: [
{
title: '课程封面',
key: 'courseLogo',
width: 200,
render:(h) =>{
return h('img',{
attrs : {
src : defaultImg
},
style : {
width : '100px',
height : '100px'
}
})
}
}
]
効果は次のとおりです。