请教element-ui表头render-header的问题：我的list中的index如何才能在

Question

页面有个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}>批量添加选项</i>          </el-button>        </div>      )    },    addColOption () {        //想要在这里拿到 整个list中 当前表格的索引    },    addColOptions () {}element里:render-header 这个函数不让传参数。。。我的list中的index如何才能在这个函数里面取到

Answer 1

可以传参数

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

renderLastHeader (h, { column, $index },index) {

    console.log(index)    //这个就是循环中list的index

}

Answer 2

没这么写过，但是看你这个方法renderLastHeader (h, { column, $index })已经获取到了索引，你可以将这个索引赋值给一个中间值啊
将onClick 换成@click试试能不能传递参数

Answer 3

请问 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 的值怎么赋值啊，我这样不行

Answer 4

这个如何解决传参问题啊