this.$nextTick().html 页面数据刷新完以后,再执行回调函数中的方法

var vm = new Vue({ el:'#app', data:{msg:'小明'}, methods: { change(){ this.msg='小绿' console.log(document.getElementById('p1').innerText); //小明,因为this.msg是异步的   } },   });   解决方式   var vm = new Vue({ el:'#app', data:{msg:'小明'}, methods: { change(){ this.msg='小绿' this.$nextTick(()=>{ console.log(document.getElementById('p1').innerText); //小明 })   } },   });    
上一篇:Vue学习笔记(十七)——$nextTick()的使用场景


下一篇:vue design vue form 【form 表单不提交时怎么把表单数据抛出到父组件?】