vue中通过js控制页面样式方法

最新推荐文章于 2024-09-09 20:45:20 发布

转载最新推荐文章于 2024-09-09 20:45:20 发布 · 417 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaoyaoxingchen/p/8668656.html

文章标签：

#javascript #ViewUI

本文详细介绍了在Vue.js框架中如何利用watch和nextTick方法实现页面渲染后的初始化操作，尤其针对获取准确的DOM尺寸信息。通过具体示例，展示了在页面元素尺寸变化时，如何监听并正确执行响应的函数。

　　在使用vue.js框架的时候，有时候会希望在页面渲染完成之后，再执行函数方法来处理初始化相关的操作，如果只处理页面位置、宽或者高时，必须要在页面完全渲染之后才可以，页面没有加载完成之前，获取到的宽高不准确。使用过jquery的都知道，有个ready方法可以使用，但vue.js则需要结合watch和nextTick方法来使用。

　　watch():用于观察Vue实例上的数据变动。

　　nextTick:在下次 DOM 更新循环结束之后执行延迟回调。