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); //小明
})
 
}
},
 
});
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM