VUE踩坑——this.$nextTick、头条小程序组件传值报错问题

头条小程序在使用插件并调用组件方法报错

• this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。

• 延时调取组件中的方法有两种

• this.$nextTick(()=>{})（vue.nextTick()）

• setTimeout(()=>{})

• 在执行延时赋值显示组件时，推荐使用第一种，不过有可能在某些小程序等效果有差异。

• 当发生差异可以用第二种，替换掉第一个方法。这样可能会解决一些问题。

				// #ifndef MP-TOUTIAO
				_this.$nextTick(() => {
					_this.$refs.ScreenAd.init(res.ad, res.is_ad);
				}, 200);
				// #endif
				// #ifdef MP-TOUTIAO
				setTimeout(() => {
					_this.$refs.ScreenAd.init(res.ad, res.is_ad);
				}, 500);
				// #endif

• 我的就是头条小程序使用this.$nextTick(()=>{})，一直执行不了组件的方法，可能在某些时候可以进入，但纯靠运气，当更换延时方法后，直接进入。