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"
2. 也可添加slot-scope="{}"解决