elementui中,自定义table的表头为input的时候,输入不上数据。

问题如图。表头的input只能输入一位,并且无法显示出值table结构外的input可以完美工作

关键代码如下:
表头的input:

<el-table-column
          align="right">
        <template slot="header" >
          <el-input
              v-model="search"
             />
        </template>
        <template slot-scope="scope">
          <el-button
              size="mini"
              @click="handleEdit(scope.$index, scope.row)">Edit</el-button>
          <el-button
              size="mini"
              type="danger"
              @click="handleDelete(scope.$index, scope.row)">Delete</el-button>
        </template>
      </el-table-column>

表外的input和span标签:

    <span>{{search}}</span>          <el-input v-model="search"></el-input>

search提前声明在data的return里面了。
data() {return{ search:'',}}

阅读 3.3k
1 个回答

你把这行:<template slot="header" >
修改为: <template #header>

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题