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>

 

上一篇:弹窗提示、登录成功之后


下一篇:element 下拉框如何套输入框?