el-table组件插槽“slot-scope”

目录

一、代码展示

二、返回的数组对象不含value或者ispass,不会报错

三、插槽里面放的是要手动输入的值时


一、代码展示

javascript 复制代码
 <el-table v-loading="loading" :data="checklistList" @selection-change="handleSelectionChange">
    <el-table-column label="值" align="center" class-name="small-padding fixed-width" width="120" fixed="right">
          <template slot-scope="scope">
            <el-input v-model="scope.row.value" placeholder="请输入" clearable></el-input>
           </template>
     </el-table-column>
     <el-table-column label="通过率" align="center" class-name="small-padding fixed-width" width="120" fixed="right">
           <template slot-scope="scope">
              <el-select v-model="scope.row.ispass" placeholder="请选择" clearable>
                 <el-option v-for="(item, index) in options" :key="index" :label="item.label"  :value="item.value">
                  </el-option>
              </el-select>
           </template>
     </el-table-column>
</el-table>

二、返回的数组对象不含value或者ispass,不会报错

三、插槽里面放的是要手动输入的值时

1、返回的数据checklistList(数组)当中,每行都不含字段ispass和value时,往scope.row.value和scope.row.value 中输入值并提交,得到的每行都有ispass和value字段的数组对象。

相关推荐
Aoda3 分钟前
从痛点到落地:PawHaven 的 Monorepo 架构设计
前端·javascript
幸运小圣5 分钟前
Set数据结构【ES6】
javascript·数据结构·es6
zxg_神说要有光14 分钟前
我好像找到了最适合我的生活状态
前端·javascript
爱上妖精的尾巴1 小时前
5-22 WPS JS宏reduce数组的归并迭代应用(实例:提取最大最小值的记录)
服务器·前端·javascript·笔记·wps·js宏
MyFreeIT2 小时前
Page光标focus在某个控件
前端·javascript·vue.js
通往曙光的路上2 小时前
day8_elementPlus
前端·javascript·vue.js
Jeffrey__Lin2 小时前
解决ElementPlus使用ElMessageBox.confirm,出现层级低于el-table的问题
前端·javascript·elementui·vue·elementplus
Miketutu2 小时前
vxe-table编辑模式适配el-date-picker
javascript·vue.js·elementui
咖啡の猫2 小时前
Vue-MVVM 模型
前端·javascript·vue.js
xvmingjiang2 小时前
Element Plus el-table 默认勾选行的方法
前端·javascript·vue.js