ant-design-vue-nuxt
ant-design-vue-nuxt copied to clipboard
多选Select组件选择多项时报错
-
版本 nuxt:3.10.1 @ant-design-vue/nuxt:1.4.1
-
场景 新建页面,官方文档案例使用多选 a-select 组件
-
报错
我也遇到了
same here, this is a reproduction
https://github.com/vueComponent/ant-design-vue-nuxt/assets/13268073/392218df-97c7-4ab3-ae02-da1a01e4ef73
這問題卡了一週,開發上非常痛苦
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!
same issues.
try update [email protected]
try update [email protected]
问题依旧存在
"resolutions": {
"vue": "^3.4.20"
},
"pnpm": {
"overrides": {
"vue": "^3.4.20"
}
}
- 版本 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
降低版本也能解决。
- 版本 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
有效果,谢谢大佬
