多选Select组件选择多项时报错

[Hub-yang]

• 版本 nuxt：3.10.1 @ant-design-vue/nuxt：1.4.1

• 场景 新建页面，官方文档案例使用多选 a-select 组件

• 报错

[robertyclin]

我也遇到了

[trylovetom]

same here, this is a reproduction

https://github.com/vueComponent/ant-design-vue-nuxt/assets/13268073/392218df-97c7-4ab3-ae02-da1a01e4ef73

[trylovetom]

這問題卡了一週，開發上非常痛苦

[trylovetom]

Hi @aibayanyu20,

I've come across an issue that seems critical. Could we discuss a possible fix? I'm happy to help if you could point me towards the suspect code.

Thanks for your hard work!

[codingcn]

same issues.

[aibayanyu20]

try update vue@3.4.20

[codingcn]

try update vue@3.4.20

问题依旧存在

  "resolutions": {
    "vue": "^3.4.20"
  },
  "pnpm": {
    "overrides": {
      "vue": "^3.4.20"
    }
  }

[kasuie]

• 版本 nuxt：3.10.1 @ant-design-vue/nuxt：1.4.1
• 场景 新建页面，官方文档案例使用多选 a-select 组件
• 报错

可以尝试一下用文档里的removeIcon 和menuItemSelectedIcon插槽覆盖一下自带的图标，类似这样：

            <a-select
              mode="tags"
              v-model:value="tag"
              :options="options"
              @change="onChange"
            >
              <template #removeIcon>
                <span>x</span>
              </template>
              <template #menuItemSelectedIcon>
                <span>√</span>
              </template>
            </a-select>

可以用其他的icon，这里用的符号代替，但不能用ant的icon，我是这样解决的。

@codingcn @trylovetom

[codingcn]

降低版本也能解决。

[Hzrr97]

• 版本 nuxt：3.10.1 @ant-design-vue/nuxt：1.4.1
• 场景 新建页面，官方文档案例使用多选 a-select 组件
• 报错

可以尝试一下用文档里的removeIcon 和menuItemSelectedIcon插槽覆盖一下自带的图标，类似这样：

            <a-select
              mode="tags"
              v-model:value="tag"
              :options="options"
              @change="onChange"
            >
              <template #removeIcon>
                <span>x</span>
              </template>
              <template #menuItemSelectedIcon>
                <span>√</span>
              </template>
            </a-select>

可以用其他的icon，这里用的符号代替，但不能用ant的icon，我是这样解决的。

@codingcn @trylovetom

有效果，谢谢大佬