elementui中,自定义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:'',}}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
你把这行:
<template slot="header" >
修改为:
<template #header>