首页 > Web开发 > 详细

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

时间:2019-06-09 15:30:27      阅读:537      评论:0      收藏:0      [点我收藏+]
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); //小明
})
 
}
},
 
});
 
 

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

原文:https://www.cnblogs.com/xiannv/p/10993439.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!