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字段的数组对象。

相关推荐
阿金要当大魔王~~8 分钟前
uniapp 请求携带数据 \\接口传值 \\ map遍历数据
前端·javascript·uni-app
hey_ner12 分钟前
页面PDF文件格式预览(不使用pdf.js)
前端·javascript
over69734 分钟前
JavaScript恋爱物语:当代码学会送花,对象字面量也能当红娘!
javascript
写不来代码的草莓熊1 小时前
vue前端面试题——记录一次面试当中遇到的题(10)
前端·vue.js·面试
三小河1 小时前
封装 classNames:让 Tailwindcss 类名处理更优雅
前端·javascript
起这个名字1 小时前
ESLint 导入语句的分组排序
前端·javascript
Lazy_zheng1 小时前
一场“数据海啸”,让我重新认识了 requestAnimationFrame
前端·javascript·vue.js
crary,记忆1 小时前
MFE: React + Angular 混合demo
前端·javascript·学习·react.js·angular·angular.js
Asort1 小时前
JavaScript设计模式(十七)——中介者模式 (Mediator):解耦复杂交互的艺术与实践
前端·javascript·设计模式
linda26181 小时前
String() 和 .toString()的区别
前端·javascript·面试