el-table-column绑定变量

el-table-column 绑定变量的方法如下所示：

<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` 的值会自动更新。

相关问题

<el-table :data="tableData"> 绑定数据列表 <el-table-column label='分类名称' prop="name"> 调取分类名称 </el-table-column> <el-table-column label='分类类型' prop="type"> 调取分类类型 </el-table-column> <el-table-column label='操作时间' prop="updateTime"> 调取操作时间 </el-table-column> <el-table-column label='排序' prop="sort"> 调取排序 </el-table-column> <el-table-column label='操作'> <template slot-scope="scope"> <el-button type="text" size="small" @click="dialogVisible=true">修改</el-button> <el-button type="text" size="small" @click="deleteHandle(scope.row)">删除</el-button> </template> </el-table-column>

这是一个使用 Element UI 的表格组件，通过绑定 tableData 数组来渲染数据列表。每个 el-table-column 标签中的 prop 属性用于指定要渲染的数据字段。在最后一个 el-table-column 标签中，使用了插槽来自定义操作列的内容，其中使用了 scope.slot-scope 属性来获取当前行的数据。点击修改按钮会触发 dialogVisible 变量的改变，从而显示一个弹窗用于修改数据。点击删除按钮会触发 deleteHandle 方法来删除当前行的数据。

el-table-column动态绑定sortable

el-table-column动态绑定sortable属性可以将表格列设置为可排序。在Vue的模板中，可以使用v-bind指令动态绑定sortable属性，例如：v-bind:sortable="true"。同时，也可以绑定一个变量来保存排序的状态，例如：v-bind:sortable="isSortable"，其中isSortable是一个在Vue实例中定义的变量。这样，当isSortable的值为true时，表格列就可以进行排序。