View UI之模板用法
1、如何在模板上定义图标
生成表格(表格中有图标);
1 <Table border :columns="columns" :data="dataList" height="600"></Table>
columns中的数据据说从dataList中来,其中key,是他的属性
columns:[ { title: '参数名称', key: 'param_name' }, { title: '设备名称', render: (h, params) => { // 读取关联的字段 return h('span', params.row.device.device_name); } }, { title: '参数类型', render: (h, params) => { let text = ''; if (params.row.param_type === 1) text = '浮点数'; if (params.row.param_type === 2) text = '布尔'; return h('span', text); } }, { title:'图标', key:'icon_key', render:(h, params) => { // console.log("图标",params.row.icon_key) return h('Icon', {props: {type:params.row.icon_key,size:'14'}}); } }]