el-table自定义表头输入框异常

先说答案：slot-scope="scope" 必须写，不然出问题。

问题是在这样的，我在ElementUI官网查阅表格资料的时候，看到表格的表头可以自定义，于是我就想和官网一样，在操作栏添加一个搜索的输入框，用来搜索表中的内容。

下面是官网的例子：

然后我就把示例代码搬了过去，因为搜索的时候用不到 slot-scope="scope"，编辑器一直提示红色下划线错误，所以我就把它删掉了。

<el-table-column label="操作" width="200" fixed="right" align="center">
    <template slot="header">
        <el-input v-model="keyword" clearable size="mini" placeholder="输入文件名进行搜索" />
    </template>
</el-table-column>

然后诡异的事情就出现了：输入框正常显示，默认值正常绑定，输入框输入无反应，绑定的keyword变量只会接收到最后一个按键输入的字符，但是输入框又不回显。

然后经过一次次的调试，最终找到了问题slot-scope="scope"不能删除，我又加了回去，好了正常了。

<el-table-column label="操作" width="200" fixed="right" align="center">
    <template slot="header" slot-scope="scope">
        <el-input v-model="keyword" clearable size="mini" placeholder="输入文件名进行搜索" />
    </template>
</el-table-column>

el-table自定义表头输入框异常

原文：https://www.cnblogs.com/lixingwu/p/13892810.html