vue3 如何判断页面是否更新完毕，使用nexttick()

【代码】vue3 如何判断页面是否更新完毕，使用nexttick()

502胶水205

2961人浏览 · 2022-09-15 09:37:14

502胶水205 · 2022-09-15 09:37:14 发布

1. 引入

import { nextTick } from 'vue'

2. 使用

3 vue3

let updata = ref(null) // 页面渲染依赖数据
onMounted(async ()=>{
    const res = await xxx()   // 页面初始化请求
    updata.value = res.data
    await nextTick()
    console.log("页面数据更新完毕了")
})

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^