关于Vue引用插件,页面不渲染的情况

引用了slick轮播图插件,使用for循环为其赋值


从后台获取数据之后,调取插件初始化

一开始以为是ajax获取异步的问题造成的,但是不管设置ajax为同步异步都不能渲染页面。

如果没有使用for循环,则可以成功渲染,一旦使用for循环,就不能起到作用,遂仔细检查结构标签,发现插件动态添加的class为slick-list draggable的标签本应包裹.item标签,但此时两个标签却是同级关系。

问题出在vue渲染页面,并不是立时就更改了dom结构,导致插件渲染的标签并非for循环出来的标签,因此插件没有起到作用。

解决方法,在ajax回调中,调用插件初始化函数外加上$nextTick();确保vue已更改dom结构完毕之后,再调用插件初始化。

你可能感兴趣的:(关于Vue引用插件,页面不渲染的情况)