vue nextTick使用场景与原理 |
您所在的位置：网站首页 › nexttick使用场景 › vue nextTick使用场景与原理 |
vue nextTick使用场景与原理
|
使用场景 1、created里面操作dom 例子 Hello World ~ 点击 export default { methods: { get() { } }, mounted() { console.log(333); console.log(this.$refs['hello']); this.$nextTick(() => { console.log(444); console.log(this.$refs['hello']); }); }, created() { console.log(111); console.log(this.$refs['hello']); this.$nextTick(() => { console.log(222); console.log(this.$refs['hello']); }); } }控制台输出 |
从输出可以看到，先执行created输出111，接着通过ref获取dom输出undefined，然后执行mounted输出333以及dom，然后是created里面的nexttick执行，最后是mounted里面的nexttick执行【本文地址】
今日新闻 |
推荐新闻 |