element-ui 中carousel 走马灯组件 后台传值不显示

Question

ele的carousel 走马灯组件

为什么我写死数据，能正常显示
但是 我后台传值之后就不显示了

Answer 1

https://github.com/ElemeFE/el...
现在应该修改掉这个问题了

Answer 2

我也遇到了同样的问题，最后通过props传递是才能显示出来

Answer 3

1.设置 activeItem ,activeIndex ,或者强制将第一页display 设置为block,各种方式，都不行。
同时我在 created , mouted ,updated 里面调用 resetItemPosition setActiveItem 也不行
2.我把底下的indicator-position 放开，只要选中底下的任何不是第一个的项，就可以显示了，而且后面操作全部正常。
3.在开发模式下，我先把浏览器打开，只要做一下修改，页面自动编译重绘，也会正常显示

我在 mouted 的里面执行了一个延迟的操作，里面就是 setActiveItem(1)，发现居然可以了，
经过我一番调整，就加了这么一个代码。问题解决。

updated: function () {

let _this = this;
let timer = setInterval(function () {
_this.$refs.cardPane.resetItemPosition();
clearInterval(timer)
}, 100)

}
carousel.js 中有对 items 的watch 代码，但是 只有一句： this.setActiveItem(0);
我尝试在created mouted update 使用 setActiveItem(0); 并没有效果，应该是没有触发消息机制。
改成setActiveItem（1）是可以的 ， resetItemPosition()也可以。