我正在为 Vue2 项目使用egjs-flicking。 我希望它在移动设备和桌面屏幕尺寸上使用不同的
align
选项。
有没有一种方法可以在不破坏/init的情况下进行更改?
找到这样的解决方案:
添加了
resize
事件处理程序,如果它是组件数据中的移动屏幕,还有两个标志来了解其当前大小以及它是否已从移动设备转到桌面(或相反),并更新 Flicking
要切换的选项对象 align
。
在
:key
组件上使用 Flicking
在从移动设备转到桌面时重新创建它(请参阅上面的标志)
因此,在窗口从移动设备转到桌面或屏幕(或反之亦然)后,将重新创建组件,而无需手动触发
destroy
/init
。目前看来就够了。