美文网首页
2019-12-12 element-ui table 中的se

2019-12-12 element-ui table 中的se

作者: jinya2437 | 来源:发表于2019-12-12 15:04 被阅读0次

    直接贴代码 不多说:

    <el-table-column label="选中" width="55">
      <template slot-scope="scope">
         <div>
            <el-checkbox v-model="scope.row.flag" @change="changeFn(scope.$index)"></el-checkbox>
         </div>
      </template>
    </el-table-column>
    
    changeFn(index) {
      this.list.forEach(item => {
        item.flag = false
      })
      this.list[index].flag = true
    }
    
                getList() {
                    var param = {
                        pageNumber:this.pageNumber,
                        pageSize:this.pageSize,
                        ...this.condition
                    }
                    api.getLectureTimesData(param).then(res => {
                        if(res.data.ok){
                            res.data.data.records.forEach(item => {
                                // 控制 选中的 关键属性
                                item.flag = false
                            })
                            // vue 绑定的数据
                            this.list = res.data.data.records
                        }
                    })
                }
    

    相关文章

      网友评论

          本文标题:2019-12-12 element-ui table 中的se

          本文链接:https://www.haomeiwen.com/subject/tpltnctx.html