elementui 中el-table表头使用自定义下拉框,以及下拉框值无法选中问题的解决

效果:使用下拉选择框作为表头
elementui 中el-table表头使用自定义下拉框,以及下拉框值无法选中问题的解决
方法,在el-table-column标签中使用template标签
elementui 中el-table表头使用自定义下拉框,以及下拉框值无法选中问题的解决
问题:这样写的问题是表头确实是下拉框,但是无法选中下拉框中的值。
后面看elementui官网的写法
elementui 中el-table表头使用自定义下拉框,以及下拉框值无法选中问题的解决
除了slot=“header"外还多了一个slot-scope=‘scope’
于是我也在代码中加上
但是代码确报错了(这个要看项目的配置):原因是因为定义了scope却没有被使用
elementui 中el-table表头使用自定义下拉框,以及下拉框值无法选中问题的解决
解决:将slot-scope=“scope"修改为slot-scope=”{}”
这里参考了:Vue规范中设置的’vue/no-unused-vars’没起作用
代码和最终效果如下:
elementui 中el-table表头使用自定义下拉框,以及下拉框值无法选中问题的解决
elementui 中el-table表头使用自定义下拉框,以及下拉框值无法选中问题的解决