element-ui-table-column-scoped-slot

HTML

<link rel="stylesheet" href="https:///unpkg.com/element-ui@2.15.1/lib/theme-chalk/index.css" />

<div id="app">
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="日期" width="180">
    </el-table-column>
    <el-table-column prop="name" label="姓名" width="180">
      <!--template v-slot:header-->
      <template slot="header">
        <el-input v-model="input" size="mini" placeholder="输入关键字搜索" />
      </template>
    </el-table-column>
  </el-table>
</div>

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https:///unpkg.com/element-ui@2.15.1/lib/index.js"></script>

JavaScript

window.$vm = new Vue({
  el: '#app',
  data() {
    return {
      input: '',
      tableData: [{
        date: '2016-05-02',
        name: '王小虎'
      }]
    };
  }
})