1. 程式人生 > 實用技巧 >View UI之模板用法

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