search

vueComponent / ant-design-vue

🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜
https://antdv.com/
Other
19.76k stars 3.72k forks source link

Warning: [ant-design-vue: Cascader] `popupClassName` is deprecated. Please use `dropdownClassName` instead. #7532

Open sunnytheme opened 1 month ago

sunnytheme commented 1 month ago

Version

4.1.2~4.2.1

Environment

vue3.2 ts ant-design-vue4.2.1

示例代码

<a-cascader
  :popup-class-name="'custom-cascader-popup'"
  v-model:value="value"
  :options="options"
  :show-search="showSearch ? { filter } : false"
  :fieldNames="{ label: 'label', value: 'value', children: 'children' }"
  :change-on-select="changeOnSelect"
  :placeholder="placeholder"
  @change="change"
/>

控制台提示错误

当设置了popup-class-name后，会提示

Warning: [ant-design-vue: Cascader] `popupClassName` is deprecated. Please use `dropdownClassName` instead.

按照提示修改后又提示的错误

当改成提示的dropdownClassName后，又反向提示 

Warning: [ant-design-vue: Cascader] `dropdownClassName` is deprecated. Please use `popupClassName` instead.
agoni1212 commented 1 month ago

Warning: [ant-design-vue: Modal]visiblewill be removed in next major version, please useopeninstead.

I got the same warning, then I check the code, open is used and it is correct