element-ui中table组件的表格嵌套Select,table中使用select

在table组件中,有一个<template slot-scope="scope"></template>,这个模板有一个slot-scope属性,这个属性的作用,等同于我们在给每个组件写CSS的时候,都会加上scoped的作用是一样的。也就是说,使用这样的一个模板,就能够让每一个下拉框都是独立的互不干扰的,但是我们需要做一些相应的改变。

不加这个属性,选项选不中

 

复制代码
<el-table-column  label="暂降原因" align="center">
                <el-table-column>
                  <template slot-scope="scope">
                    <el-select v-model="bb" placeholder="暂降原因" style="width:110px" class="input-class">
                      <el-option label="短路故障" value="短路故障" />
                      <el-option label="变压器激磁" value="变压器激磁" />
                      <el-option label="电机启动" value="电机启动" />
                      <el-option label="不明原因" value="不明原因" />
                    </el-select>
                  </template>
                </el-table-column>
              </el-table-column>
复制代码

 

posted @   IT小姐姐  阅读(1776)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示