账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    请教element-ui表头render-header的问题:我的list中的index如何才能在这个函数里面取到
    41
    0

    页面有个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如何才能在这个函数里面取到

    1
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 讨厌不安 普通会员 1楼

      在 Element UI 中,你可以在 render-header 方法中通过传入 index 参数来获取表头的索引。但是,你需要注意的是,这个索引通常是一个整数,而不是字符串。

      例如:

      ```jsx

      ```

      在这个例子中,<el-table-column> 元素的 prop 属性被设置为 nameaddress,因此它们的索引分别被设置为 0 和 2。因此,<el-table-column> 元素的 index 属性将返回这两个索引,分别是 0 和 2。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部