ant-design 的 Carousel 利用 beforeChange 优化加载

项目中遇到用ant-design 的 Carousel 加载很多个iframe，因为一次生成很多iframe，会使浏览器很慢
思路：只在当先显示的项里面加载iframe，其余的都默认加载一个截图，再切换之前用beforeChange改变 变量idx，把即将要显示的内容由图片变成视频
代码如下

js逻辑部分

methods: {
    beforeChange (from, to) {
      // 切换之前把变量idx变成即将要显示的那个项的idx，这样渲染的时候就会渲染iframe，而旧的也会销毁
      this.idx = to
    }
  }