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

相关推荐
像风一样自由20206 小时前
HTML与JavaScript:构建动态交互式Web页面的基石
前端·javascript·html
浪裡遊7 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
幽络源小助理7 小时前
SpringBoot基于Mysql的商业辅助决策系统设计与实现
java·vue.js·spring boot·后端·mysql·spring
Liudef069 小时前
2048小游戏实现
javascript·css·css3
鱼樱前端10 小时前
今天介绍下最新更新的Vite7
前端·vue.js
独立开阀者_FwtCoder11 小时前
【Augment】 Augment技巧之 Rewrite Prompt(重写提示) 有神奇的魔法
前端·javascript·github
我想说一句11 小时前
事件机制与委托:从冒泡捕获到高效编程的奇妙之旅
前端·javascript
汤姆Tom11 小时前
JavaScript reduce()函数详解
javascript
小飞悟11 小时前
你以为 React 的事件很简单?错了,它暗藏玄机!
前端·javascript·面试
中微子11 小时前
JavaScript 事件机制:捕获、冒泡与事件委托详解
前端·javascript