情不知从何起,一往而情深
排名
6
文章
199
粉丝
4
评论
3
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

vue3 使用 nextTick。数据加载完成后执行方法,dom加载完成后执行内容

1842人阅读 2024/4/2 23:06 总访问:1110414 评论:0 收藏:0 手机
分类: 前端

在Vue3中,nextTick的使用方式与Vue2有所不同。在Vue2中,我们通常使用this.$nextTick()来调用nextTick API,而在Vue3中,用法如下:

  1. import { onMounted, ref, nextTick } from 'vue';
  2. update(){
  3. console.log('需要执行的方法')
  4. }
  5. nextTick(() => {
  6. update() //基于最新的DOM状态执行update方法
  7. })

还可以这样使用:

  1. onMounted(async () => {
  2. count.value++;
  3. await nextTick(); // 等待下一个DOM更新循环结束
  4. console.log('DOM updated'); // 在DOM更新后执行的代码
  5. });

欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价