VueDraggable -我们如何能够从两个不同的参数切换项目？

<template>
  <div>
    <draggable v-model="items" :options="dragOptions">
      <div v-for="item in items" :key="item.id">{{ item.name }}</div>
    </draggable>
  </div>
</template>

<script>
import draggable from 'vuedraggable';

export default {
  components: {
    draggable,
  },
  data() {
    return {
      items: [],
      dragOptions: {
        group: 'items',
      },
    };
  },
};
</script>

methods: {
  switchParams(param) {
    // 根据不同的参数获取对应的项目数据
    if (param === 'param1') {
      this.items = this.getParam1Items();
    } else if (param === 'param2') {
      this.items = this.getParam2Items();
    }
  },
  getParam1Items() {
    // 从参数1获取项目数据的逻辑
    // 返回一个包含项目数据的数组
  },
  getParam2Items() {
    // 从参数2获取项目数据的逻辑
    // 返回一个包含项目数据的数组
  },
},

<button @click="switchParams('param1')">切换到参数1</button>
<button @click="switchParams('param2')">切换到参数2</button>