el-table selection 点击为为false时 触发某一个方法

如果你想在点击 el-table 中的 checkbox 时触发某个方法，可以使用 el-table 的 @selection-change 事件。这个事件会在 selection 数组发生变化时触发，你可以在这个事件中进行相应的处理，例如：

<el-table
  :data="tableData"
  :row-key="row => row.id"
  @selection-change="handleSelectionChange"
>
  <el-table-column type="selection"></el-table-column>
  <!-- 其它列... -->
</el-table>

methods: {
  handleSelectionChange(selection) {
    // 在这里进行相应的处理，例如更新选中状态等等
    console.log('当前选中的行：', selection);
  },
},

在上面的代码中，我们通过 @selection-change 绑定了 handleSelectionChange 方法，这个方法会在 selection 数组发生变化时触发。在方法中，我们可以获取到当前选中的行，然后进行相应的处理，例如更新选中状态等等。

希望这个方法可以帮助你解决问题。

相关问题

el-table selection 初步选择

对于el-table的初步选择，你可以使用el-table提供的selection属性来实现行选择。首先，你需要在el-table组件上设置selection属性为true，然后在el-table-column组件中设置type属性为'selection'。这样就会在每一行的前面显示一个复选框，你可以通过选择复选框来选择行。

以下是一个示例代码：

<template>
  <div>
    <el-table
      :data="tableData"
      style="width: 100%"
      :selection="true"
      @selection-change="handleSelectionChange"
    >
      <el-table-column type="selection" width="55"></el-table-column>
      <!-- 其他列 -->
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 表格数据
      ],
      selectedRows: [] // 保存选中的行数据
    };
  },
  methods: {
    handleSelectionChange(selectedRows) {
      this.selectedRows = selectedRows;
    }
  }
};
</script>

在上述示例中，`tableData`是你要展示的表格数据，`selectedRows`用于保存选中的行数据。当选择行发生变化时，会触发`handleSelectionChange`方法，并将选中的行数据传入，你可以在这个方法中处理选中行的逻辑。

希望对你有所帮助！如果还有其他问题，请随时提问。

el-table中@select-change只在页面加载时触发？

不是的，`@select-change` 事件只有在用户选择表格中的行时才会触发，而不是仅在页面加载时触发。

`@select-change` 事件是 `element-ui` 中 `<el-table>` 组件的事件之一，用于监听用户在表格中选择或取消选择行的操作。当用户选择或取消选择表格中的行时，该事件会被触发，同时会传递一个参数 `selection`，即当前选中的行数组。

以下是一个 `@select-change` 的示例代码：

<template>
  <el-table :data="tableData" @select-change="handleSelectionChange">
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column prop="age" label="Age"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'Tom', age: 25 },
        { name: 'Jack', age: 30 },
        { name: 'Lucy', age: 28 }
      ]
    };
  },
  methods: {
    handleSelectionChange(selection) {
      console.log('选中的行：', selection);
    }
  }
};
</script>

在上面的代码中，当用户选择或取消选择表格中的行时，`handleSelectionChange` 方法会被触发，同时会打印出当前选中的行数组。可以在控制台中查看触发情况。