el-table⾃定义表头输⼊框异常
先说答案:slot-scope="scope"必须写,不然出问题
胡军父亲
整个夏天想和你环游世界是什么歌问题是在这样的,我在ElementUI官⽹查阅表格资料的时候,看到表格的表头可以⾃定义,于是我就想和官⽹⼀样,在操作栏添加⼀个搜索的输⼊框,⽤来搜索表中的内容。
下⾯是官⽹的例⼦:
和你一样 伴奏
然后我就把⽰例代码搬了过去,因为搜索的时候⽤不到slot-scope="scope",编辑器⼀直提⽰红⾊下划线错误,所以我就把它删掉了。
<el-table-column label="操作" width="200" fixed="right" align="center">
<template slot="header">
colorfulworld<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>