ant design Unknown custom element: <a-carousel>

vue ant design Carousel 走马灯报错

原封不动复制官网代码,开发者工具提示找不到元素,实为逆天,原来是需要引入组件才能使用!!!!!!!!!!!!!!!!!!!!

 

 

 

正确方法

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

 

 

 

后续更新,今天在代码上传git的时候又又又又又又报错了,因为项目需求要做成自动滚动的每次展示两个 翻页2个,git不识别这个写法???

原 报错代码

 

 

更新后写法

slidesToShow  =>每页展示几个

slidesToScroll => 每次滚动几个

 

 

 

最终效果  自动滚动

 

 

 tips: 自动播放效果会有点小问题,默认会读取最后一个所以在渲染的时候要先判断l接口返回的list是否为空就能避免这个问题