render的使用,持续更新

目前只在iview的table表格里面使用了render函数

加样式用驼峰命名法

 renderHeader:(h, params) => {
            return h('th',{
              style: {
                  width: '600px',
                  height: '40px',
                  backgroundColor: '#2891ff',
                  opacity: '0.6',
                  color:'#fff',
                  textAlign: 'center',
                  verticalAlign: 'middle',
                  fontSize: '20px'
              },
            },'识别列表')
          }

自定义组件

 render: (h, params) => {
              return h(tableCard, {
                props: {
                  row: params.row
                }
              })
          },

加函数

 render: (h, params) => {
            switch (params.row.linkType){
              case 1:params.row.linkType2="sdk";params.row.linkTypeT2=true;params.row.linkTypeT1=false; break
              case 2:params.row.linkType2="onvif"; break
              case 3:params.row.linkType2="gb"; break
              case 4:params.row.linkType2="rtsp";params.row.linkTypeT2=false;params.row.linkTypeT1=true; break
            }
            return h('div', [
              h('strong', params.row.linkType2)
            ]);
          }

多个模块

render: (h, params) => {
            return h('div', [
              h('HdIcon', {
                props: {
                  name: 'icon-jiankongzhongxin1'
                }
              }),
              h('strong', params.row.name)
            ]);
          }

你可能感兴趣的:(render的使用,持续更新)