[vxe-table] vxe-grid 单元格自定义插槽模版

官网-vxe-table 单元格自定义插槽模版

<vxe-gridv-bind="gridOptions"><template#imgUrl_default="{ row }"><span>图片：</span><vxe-image:src="row.imgUrl"width="36"height="30"></vxe-image></template><template#sex_default="{ row }"><span>{{ formatSex(row) }}</span></template></vxe-grid>

constgridOptions=reactive({border:true,columns:[{field:'imgUrl',title:'imgUrl',slots:{default:'imgUrl_default'}},{field:'sex',title:'Sex',slots:{default:'sex_default'}},],data:[{id:10001,sex:'0',imgUrl:'https://vxeui.com/resource/img/fj577.jpg'},{id:10002,sex:'1',imgUrl:'https://vxeui.com/resource/img/fj581.jpeg'},{id:10003,sex:'0',imgUrl:'https://vxeui.com/resource/img/fj581.jpeg'}]})constformatSex=(row:RowVO)=>{returnrow.sex==='1'?'男':'女'}