制作php网站用什么软件,东莞东坑网站建设,西宁市精神文明建设网站,网站我优化vue里面#xff0c;常用的事件onMounted里#xff0c;总喜欢用一个nextTick#xff1a;
onMounted(() {nextTick(() {init();});
});这个东西有啥用呢#xff1f;我总搞不懂。
今天我忽然有点明白了。这是一个跟前面语句有关的方法。意思是#xff0c;等前面的…vue里面常用的事件onMounted里总喜欢用一个nextTick
onMounted(() {nextTick(() {init();});
});这个东西有啥用呢我总搞不懂。
今天我忽然有点明白了。这是一个跟前面语句有关的方法。意思是等前面的都执行完了再执行nextTick里面的方法。比如说页面上有一块内容正常情况下是隐藏的满足条件下才显示。这里用了v-if来控制。
页面 !-- 正常尺寸窗口 --divclasspop-container pop-container-normalv-ifstate.show !state.minsizediv classwin-head-banner clickminimize()el-iconClose //el-icon/divwarn-new refnew1/warn-new/div脚本
const new1 ref();const onMessage () {//某个事件触发了本函数首先显示隐藏内容然后调用其中的方法。restore();//展示隐藏部分nextTick(() {new1.value.warning();//隐藏部分内容中有一个部件new1调用new1的方法});
};由以上2段代码可知某个事件触发下首先显示隐藏内容然后调用其中的某个部件的方法。假如这样写 restore();//展示隐藏部分new1.value.warning();//隐藏部分内容中有一个部件new1调用new1的方法结果就是new1的方法没有被调用。为啥因为隐藏内容尚未展示完毕。加上nextTick就可以意思我想应该是等待前面的语句执行完才触发nextTick里面的方法。
