詳解Vue + Vuex 如何使用 vm.$nextTick

//改變數(shù)據(jù) 
vm.message = 'changed' 
 
//想要立即使用更新后的DOM。這樣不行，因?yàn)樵O(shè)置message后DOM還沒(méi)有更新 
console.log(vm.$el.textContent) // 并不會(huì)得到'changed' 
 
//這樣可以，nextTick里面的代碼會(huì)在DOM更新后執(zhí)行 
Vue.nextTick(function(){ 
 console.log(vm.$el.textContent) //可以得到'changed' 
}) 

ready() { // vue2 為 mounted() {
 var request = $.ajax({
 type: "POST",
 dataType: 'json',
 url: "api.php"
 });
 request.then((json) => {
 // balabala
 this.$nextTick(function () {
 // balabala
 })
 });
}

export default {
 getFromConfig(config) {
 return $.ajax({ data: config })
 }
}

export const getArticleList = ({dispatch}, config) => {
 return api.getFromConfig(config).then(({data}) => {
 dispatch(types.RECEIVE_ARTICLE, data, config.page)
 })
}

methods: {
 loadMore(page = this.page) {
 var id = this.$route.params.id || ""
 Promise.all([
 this.getArticleList({
 id: id,
 page: page
 })
 ]).then(() => {
 this.$nextTick(function () {
 // balabala
 })
 })
 }
}