hybird中的html页面引用了移动端 Vue 组件库,页面进入时,组件样式渲染延时,视觉效果很差。
解决办法:
1、vant的组件,初始化页面时,不显示。
<div ref="vant_Container" id="vant_Container" style="display: none;">
……
</div>
2、Vue挂载时, 仅在整个视图都被渲染之后再显示。
mounted() {
this.$nextTick(function() {
// 仅在整个视图都被渲染之后才会运行的代码
this.$refs.vant_Container.style.display = "block";
})
},
这样就有效解决了,页面进入时,样式渲染延时造成的问题了。