el-table-column绑定变量
时间: 2023-12-27 13:25:41 浏览: 138
vue+element获取el-table某行的下标,根据下标操作数组对象方式
el-table-column 绑定变量的方法如下所示:
```html
<el-table>
<el-table-column>
<template slot="header" slot-scope="scope">
<el-input v-model="search" placeholder="输入关键字搜索"></el-input>
</template>
</el-table-column>
</el-table>
```
在上述代码中,我们使用了 `<template>` 标签来定义插槽,并使用 `slot="header"` 来指定该插槽是表头的插槽。然后,我们使用 `slot-scope="scope"` 来绑定变量 `scope`,这样我们就可以在插槽内部使用该变量。
在这个例子中,我们使用了一个 `<el-input>` 组件,并将其绑定到了变量 `search` 上,通过 `v-model` 实现双向绑定。这样,当用户在输入框中输入内容时,变量 `search` 的值会自动更新。
阅读全文