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