在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>