iview的table中使用render函数

1,754 阅读1分钟
// 父级元素
return h('div', {
        // 样式
        style: {
          position: 'relative',
        }
      }, 
      // 子类元素
      [
        h('DatePicker', {
          props: {
            type: 'date',
            editable: false,
            placeholder: '结束日期',
            format: 'yyyy/MM/dd',
            value: this.planData[params.index][params.column.key],
          },
          on: {
            'on-change': (val) => {
//              console.log(val);
              this.planData[params.index][params.column.key] = val;
            }
          },
        }),
        h('Icon',{
          props: {
            type: 'ios-eye',
            size: 20
          },
          style: {
            color: '#bbbbbb',
            position: 'absolute',
            top: '7px',
            right: '-19px',
            display: showEye,
          },
          attrs: {
            title: '其他项目中已存在该供应链计划'
          }
        }),
        h('Icon',{
          props: {
            type: 'ios-warning',
            size: 20
          },
          style: {
            color: 'red',
            position: 'absolute',
            top: '7px',
            right: '-19px',
            display: showInfo,
          },
          attrs: {
            title: '异常'
          }
        })
      ])