vue在保存时 用this.$refs.multipleTable 获取当前被选中的数据

在Vue.js中，当你想要获取`multipleTable`组件里用户选择的数据时，通常你会使用`$refs`属性来引用这个表单元素，因为它允许你在运行时访问到特定的DOM元素。假设`multipleTable`是一个具有`ref`属性并支持`v-model`的复选框或多选框列表的`<el-table>`或其他类似组件：

<template>
  <div>
    <el-table ref="multipleTable" :data="items">
      <!-- ... table columns and selection settings ... -->
    </el-table>
    <button @click="saveSelectedItems">保存</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [], // 数据源
    };
  },
  methods: {
    saveSelectedItems() {
      const selectedItems = this.$refs.multipleTable.selected; // 获取选中的行数据
      console.log(selectedItems);
      // 这里可以进一步处理或提交保存操作
    },
  },
};
</script>

在这个例子中，`saveSelectedItems`函数会在点击“保存”按钮时被触发，通过`.selected`属性获取到当前被选中的数据。记得确保在组件渲染完成之后再尝试访问 `$refs`，因为它们在实例化后才可用。