elementUI el-table的自定义表头

elementUI可对表头添加输入框、下拉框等自定义表头

以下拉框为例，

若直接在表头写入下拉框

<el-table-column align="center" min-width="150">
  <templateslot="header">
    <el-option v-for="(item, index) in limitOptions" :key="index" :label="item.label" :value="item.value">
    </el-option>
  </template>
  <template slot-scope="scope">
    <p>{{ scope.row.coupon }}</p>
  </template>
</el-table-column>

页面会生成下拉框，但下拉框选择无效，值并未改变

解决方法：

1.按官方网站所述，添加slot-scope="scope"

添加slot-scope="scope" 此时会提示scope已定义未使用，但可以正常修改下拉框的值

2. 也可添加slot-scope="{}"解决

添加slot-scope="{}"