iView在列表中顯示圖片

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'
                             }
                           })
                        }
                    }
      ]

效果如圖：