select组件 label-in-value 属性会让浏览器崩溃

[cff-github]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.0.0-rc.1

Environment

none

Reproduction link

Steps to reproduce

none

What is expected?

希望能回到跟以前版本一样

What is actually happening?

浏览器崩溃

[yunlongduan]

官网都能卡死

[kiuyaku]

vue报错是说因为组件递归的问题？ 搞得我好久才发现是这个属性存在问题。。。晕死了

[tangjinzhou]

下个版本修复
临时方案：
添加 option-label-prop="label" 以及 label

<template>
  <a-select v-model:value="value" option-label-prop="label" label-in-value style="width: 120px" @change="handleChange">
    <a-select-option value="jack" label="Jack (100)">
      Jack (100)
    </a-select-option>
    <a-select-option value="lucy" label="Lucy (101)">
      Lucy (101)
    </a-select-option>
  </a-select>
</template>
<script>
export default {
  data() {
    return {
      value: { key: 'lucy' },
    };
  },
  methods: {
    handleChange(value) {
      console.log(value); // { key: "lucy", label: "Lucy (101)" }
    },
  },
};
</script>

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.