鍍金池/ 問答/HTML/ 請(qǐng)教element-ui表頭render-header的問題：我的list中的i

請(qǐng)教element-ui表頭render-header的問題：我的list中的index如何才能在這個(gè)函數(shù)里面取到

頁面有個(gè)list

<template v-for="(list, index) in lists">
    <el-table>
     <el-table-column
        ...
      width="200">
    </el-table-column>
<!-- 表格末尾列 -->
<el-table-column
  :render-header="renderLastHeader"
  width="200">
</el-table-column>
    </el-table>
</template>

  methods: {
    renderLastHeader (h, { column, $index }) {
      // 編輯最后一列的表頭
      return (
        <div>
          <el-button type="text" size="small">
            <i class="el-icon-plus" onClick={this.addColOption}></i>
          </el-button>
          <el-button type="text" size="small">
            <i class="el-icon-plus" onClick={this.addColOptions}>批量添加選項(xiàng)</i>
          </el-button>
        </div>
      )
    },
    addColOption () {
        //想要在這里拿到 整個(gè)list中 當(dāng)前表格的索引
    },
    addColOptions () {}

element里:render-header 這個(gè)函數(shù)不讓傳參數(shù)。。。我的list中的index如何才能在這個(gè)函數(shù)里面取到

回答
編輯回答
傻叼

可以傳參數(shù)

:render-header="(h,obj,index) => renderLastHeader(h,obj,index)"

renderLastHeader (h, { column, $index },index) {
    console.log(index)    //這個(gè)就是循環(huán)中l(wèi)ist的index
}
2017年1月28日 01:59
編輯回答
涼薄

沒這么寫過，但是看你這個(gè)方法renderLastHeader (h, { column, $index })已經(jīng)獲取到了索引，你可以將這個(gè)索引賦值給一個(gè)中間值啊
將onClick 換成@click試試能不能傳遞參數(shù)

2018年7月18日 14:21
編輯回答
奧特蛋

請(qǐng)問 return (

    <el-radio-group v-model={status} onChange={this.loadNote} size="mini">
      <el-radio-button label="1">未完成</el-radio-button>
      <el-radio-button label="2">完成</el-radio-button>
    </el-radio-group>
  )
  
  v-model 的值怎么賦值啊，我這樣不行
2018年8月17日 09:32
編輯回答
糖豆豆

這個(gè)如何解決傳參問題啊

2017年1月25日 00:48