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

 

posted @ 2020-11-05 10:53  一江春水向东刘小姐  阅读(534)  评论(0编辑  收藏  举报