nextTick()
简单定义:等待下一次 DOM 更新刷新的工具方法
类型:
function nextTick(callback?: () => void): Promise<void>
举例应用场景
需求:一个表单提交,父组件2中定义一个方法,用于验证父组件1中表单
思路:父组件2中要拿到父组件1中form
方法:
1.在父组件1中应用nextTick(),拿到ref,存入vuex
//将<a-form>中ref传给form组件用于validate验证
nextTick(() => {
store.commit('HardwareStore/UPDATE_REFS', formRef.value)
})
2.在父组件2中,通过vuex拿到传过来的ref,然后通过validate()进行验证文章来源:https://www.toymoban.com/news/detail-644258.html
formRef.value.validate().then(()=>{})
3.大功告成文章来源地址https://www.toymoban.com/news/detail-644258.html
到了这里,关于Vue3 nextTick()使用教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!