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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM