element-ui Table组件表头添加下拉框_element ui table 表头下拉框

在html表格中使用插槽

<el-table-column label="Spec类型" align="center" prop="specType" :show-overflow-tooltip="true">
                <template slot="header" slot-scope="scope">
                    <el-dropdown trigger="click" size="medium " @command="handleCommand">
                        <span style="color:#909399">
                            Spec类型<i class="el-icon-arrow-down el-icon--right" />
                        </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item v-for="(item, index) in allSpecType" :key="index" :command="item">
                                {{ item.text }}
                            </el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                </template>
            </el-table-column>

在js中获取到传入的item 就ok了