Ant Design Vue之布局layout

根据业务需要想直接用layout组件,实现如下效果:

Ant Design Vue之布局layout_第1张图片

然后吧代码复制:




设置成全局组件方便调用,在main.js中添加:

Ant Design Vue之布局layout_第2张图片Ant Design Vue之布局layout_第3张图片

然后运行查看结果:

Ant Design Vue之布局layout_第4张图片

报了这么一大堆错误,再看下文档,发现有个Layout.Sider的api,那就只能再把这个引用,然而不能带.点的,又各种一试各种报错,找了小度搜了一通也没搜到,最后终于自己测试出来方法,哈哈 ~ 也是自己菜了

Ant Design Vue之布局layout_第5张图片

再运行就不再一片红~

你可能感兴趣的:(vue,Ant,Design,Vue,ant,vue,layout)