Antd Vue Menu组件报错 'propsData' of undefined 的解决方法

使用 Ant Design for Vue 的 Menu 组件,引入并注册了,发现点击的时候,下拉菜单样式无法正常显示,控制台报错 TypeError: Cannot read property 'propsData' of undefined 。

解决方法:

引入 Menu 组件:

import { Menu } from 'ant-design-vue';

注册 Menu 组件:因为下拉菜单是 <a-menu-item> 所以还要注册一下 Menu.Item

Vue.component(Menu.name, Menu);
Vue.component(Menu.Item.name, Menu.Item);

也可以使用 Vue.use(Menu); 全局注册。

下面两种报错,也可以用此方法解决,原理是类似的:

Unknown custom element: <a-menu> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

Unknown custom element: <a-menu-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option.


推荐阅读:

WebStorm怎么设置实现自动编译less文件

MongoDB的简单配置和基本数据操作

HTML页面 用CSS实现禁止选中、复制和右键

利用css中的伪类 给元素设置特殊样式效果

jquery导航栏点击及页面跳转后对应栏目添加选中效果

赞 (1)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)