Element-ui 的容易忽略的知识点

1. 表格组件中获取一行的索引 index  ==>> slot中使用 scope.$index

<el-table
    class="countTimeTable"
    :data="tableData"> 
  
        <el-table-column
              label="Payment"
              align='center'>
                  <template slot-scope="scope">
                       <span>{{scope.$index}}</span>
                            
                  </template>
         </el-table-column>
</el-table>

2. 多选框组绑定的值是label，但是想要其value或者id   

        解决方法：将想要的值（value或者id）绑定到 label 属性上，将要显示的值用 {{ }} 表达式放到 el-checkbox 标签中

<el-checkbox-group v-model="checkPerson">
      <el-checkbox v-for="(item,index) in staffList" :key="index" :label="item.userId">{{item.userName}}</el-checkbox>                    
</el-checkbox-group>

 

文章仅为本人学习过程的一个记录，仅供参考，如有问题，欢迎指出！