Vue-multiselect 2.1.4 单选对象数组时所有选项不可选问题求助

所有选项被自动添加is-selected类、无法正常选中，本质是组件的选项匹配逻辑出现异常，结合你提供的代码场景，常见诱因如下：

1. 版本不兼容：你提到使用的vue-multiselect 2.1.4仅适配Vue 2，而代码中使用的Vue.createApp是Vue 3的API，Vue 3环境下你引入的VueformMultiselect和旧版组件的props规则存在差异，可能导致匹配逻辑失效
2. 字段配置不匹配：你代码中配置的track-by="name"、label="name"是官方示例的字段，如果你业务接口返回的终端对象没有name字段，组件无法识别选项的唯一标识，就会出现匹配混乱
3. 唯一标识重复：如果track-by对应的name字段在多个选项中存在重复值，组件无法区分不同选项，会判定所有重复值的选项都处于选中状态
4. 初始值匹配bug：部分版本的multiselect在v-model初始值为null时，和选项对象的匹配逻辑存在缺陷，会误判所有选项都等于初始值

• 确认版本匹配：Vue 3环境下请使用@vueform/multiselect，不要混用Vue 2版本的vue-multiselect
• 校准字段配置：打印接口返回的resp.data，确认业务对象的实际字段名，将track-by和label修改为对应字段，优先选择id等全局唯一的字段作为track-by的值，比如track-by="terminalId"
• 校验唯一标识：确保所有选项的track-by对应字段没有重复值
• 调整初始值：如果问题仍存在，将v-model的初始值从null改为和选项格式一致的空对象value: {}
• 优化响应式赋值：修改赋值逻辑，直接操作实例属性而非$data，改为this.options = resp.data

<multiselect 
  v-model="value" 
  deselect-label="Can't remove this value" 
  track-by="terminalId" 
  label="terminalName" 
  placeholder="Select one" 
  :options="options" 
  :searchable="false" 
  :allow-empty="false"
>
  <template slot="singleLabel" slot-scope="{ option }">
    <strong>{{ option.terminalName }}</strong> 编号：<strong>{{ option.terminalId }}</strong>
  </template>
</multiselect>

const config = {
  data() {
    return {
      value: {},
      options: []
    }
  },
  async mounted() {
    await this.getTerminals();
  },
  methods: {
    async getTerminals() {
      await window.axios.get("/api/Operation/GetTerminals").then(resp => {
        // 此处打印确认返回数据的字段名，用于校准track-by和label配置
        console.log('终端列表数据：', resp.data)
        this.options = resp.data;
      }).catch(err => {
        console.error(err);
      });
    },
  }
};
const app = Vue.createApp(config);
app.component('Multiselect', VueformMultiselect);
app.mount('#app');

内容的提问来源于stack exchange，提问作者Masoud Abedi