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>