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

发布于 2022-09-13 01:22:12 字数 1056 浏览 30 评论 0

问题如图。表头的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:'',}}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦里南柯 2022-09-20 01:22:12

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文