ant-design-vue-nuxt icon indicating copy to clipboard operation
ant-design-vue-nuxt copied to clipboard

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

Open Hub-yang opened this issue 1 year ago • 10 comments

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

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

  • 报错 1

Hub-yang avatar Feb 13 '24 13:02 Hub-yang

我也遇到了

robertyclin avatar Feb 20 '24 01:02 robertyclin

same here, this is a reproduction

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

trylovetom avatar Feb 20 '24 11:02 trylovetom

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

trylovetom avatar Feb 20 '24 11:02 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!

trylovetom avatar Feb 21 '24 03:02 trylovetom

same issues.

codingcn avatar Feb 25 '24 04:02 codingcn

try update [email protected]

aibayanyu20 avatar Feb 26 '24 02:02 aibayanyu20

try update [email protected]

问题依旧存在

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

codingcn avatar Feb 26 '24 07:02 codingcn

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

可以尝试一下用文档里的removeIconmenuItemSelectedIcon插槽覆盖一下自带的图标,类似这样:

            <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

kasuie avatar Mar 08 '24 13:03 kasuie

降低版本也能解决。

codingcn avatar Mar 08 '24 14:03 codingcn

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

可以尝试一下用文档里的removeIconmenuItemSelectedIcon插槽覆盖一下自带的图标,类似这样:

            <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

有效果,谢谢大佬

Hzrr97 avatar Mar 25 '24 07:03 Hzrr97