elementui el-table循环表头添加el-select

<u-table-column width="150" prop="DataMap" align="right" :key="im.type" class="perMap" :render-header="(h, obj) => renderHeader(h, obj, item)"></u-table-column>

处理 循环select 选中值 在表格 data里添加value 需要判断可以用三目运算判断

    renderHeader (h, { column }, item) {
      return [
        h('p', {
          style: 'display: inline-block; lineHeight: 40px;padding-right:3px'
        }, item.label),
        [xx].includes(item.id) ? h('el-select', {
          class: 'xx',
          key: item.id,
          on: {
            input: (value) => {
              item.value = value
            },
            change: (value) => {
              this.handleCommand(value, item.id)
            }
          },
          props: {
            value: item.value
          }
        },
        [
          this.columns[item.id].map(xx=> {
            return h('el-option', {
              props: {
                value: xx.id,
                label: xx.label
              }
            })
          })
        ]) : h('p', {
          style: 'display: inline-block; line-height: 40px; float: right;padding:0 10px 0 10px'
        }, 'xxx')
      ]
    },

你可能感兴趣的:(umyui,elementui,es6,elementui,vue.js,javascript)