View UI之模板用法
阿新 • • 發佈:2020-11-05
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'}}); } }]