在使用vue.js框架的时候，有时候会希望在页面渲染完成之后，再执行函数方法来处理初始化相关的操作，如果只处理页面位置、宽或者高时，必须要在页面完全渲染之后才可以，页面没有加载完成之前，获取到的宽高不准确。使用过jquery的都知道，有个ready方法可以使用，但vue.js则需要结合watch和nextTick方法来使用
发表日期： 2021-01-26 09:25:00 浏览次数：279
宿迁网站制作【宿迁企业网站制作】宿迁做网站开发价格、宿迁微信公众号设计运营、宿迁网站设计公司费用、宿迁网站推广大概需要多少钱
宿迁，简称宿，别称水城，古称下相、宿豫、钟吾等，江苏省地级市，宿迁位于长三角北翼，江苏省北部，是长三角北翼区域性综合交通枢纽地处徐州、连云港、淮安中心地带。宿迁是江苏省沿海地区向中西部辐射的重要门户城市 ，是徐州都市圈、江淮生态经济区核心城市、一带一路节点城市。截至2020年6月，宿迁下辖2区3县 ，总面积8555平方千米。截至2019年末，宿迁户籍人口592.36万。
宿迁是西楚霸王项羽的故乡，有着5000多年的文明史和2700多年的建城史，曾是泗水国、钟吾国、宿国都城，历史悠久，人文荟萃，素有“华夏文明之脉、江苏文明之根、淮河文明之源、楚汉文化之魂”之称 。宿迁是酒文化的发源地之一，有中国白酒之都称号，洋河、双沟两大名酒出产于此。宿迁是典型的苏北水乡，坐拥骆马湖、洪泽湖两大淡水湖，大运河、古黄河、淮沭新河等众多河流镶嵌其间。乾隆皇帝六下江南五次驻跸于此，赞叹宿迁为“第一江山春好处”。
在使用vue.js框架的时候，有时候会希望在页面渲染完成之后，再执行函数方法来处理初始化相关的操作，如果只处理页面位置、宽或者高时，必须要在页面完全渲染之后才可以，页面没有加载完成之前，获取到的宽高不准确。使用过jquery的都知道，有个ready方法可以使用，但vue.js则需要结合watch和nextTick方法来使用
下面开始介绍下，在页面加载一个数据列表完成之后，页面自动滚动定位到中间某个列表元素，需要在列表数据渲染完成，计算列表高度，再控制定位到指定行。首先介绍下一开始尝试没有生效的方案，这也是大家最容易出现错误的地方，vue.js提供的mounted函数，表示挂载到实例上去之后调用该钩子
运行之后，发现mounted执行的时候，获取到的height值不对，打个断点也可以发现，此时页面没有渲染完成，列表块还是一片空白
此时查询官方api文档发现，有一个nextTick方法，意思是在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。使用之后发现，还是不能解决我所需要的效果
继续查询api文档发现，watch方法，用于观察Vue实例上的数据变动。对应一个对象,键是观察表达式,值是对应回调，再次尝试，运行后发现还是不行
最终把watch和nextTick组合一起
watch:{ showList:function(){ this.goPrice(0); }}
showList对应表格页面的绑定变量
<tr v-for="(item,index) in showList">
运行后发现，已经达到了预期的效果
最后说明下，有时候我们会想到使用setTimeout的方式来实现，使用这种方式需要设置个超时执行时间，由于渲染时间无法确定，有快有慢，就会出现不稳定的现象。
企查查 App 显示，近日，北京爱奇艺科技有限公司与福建字节跳动科技有限公司 “侵害作品信息网络传播权纠纷”的案件一审民事判决书公布。原告为福建字节跳动科技有限公司，被告为北京爱奇艺科技有限公司。
判决书显示，福建字节公司经授权取得电视剧《亮剑》的信息网络传播权，并将该剧投放在关联公司运营的 “西瓜视频”进行网络传播。福建字节公司发现，北京爱奇艺公司未经许可，在其开发、运营的 “爱奇艺”视频网站擅自向公众传播电视剧《亮剑》。
宿迁网站制作【宿迁企业网站制作】宿迁做网站开发价格、宿迁微信公众号设计运营、宿迁网站设计公司费用、宿迁网站推广大概需要多少钱
