https://segmentfault.com/q/1010000007359564
根据vue的响应式原理,多次的数据操作之后进行一次的dom更新,所以可以使用$nextTick在dom更新后做些什么。
但是今天我使用了vuex来管理应用状态,我在组件中发了一个dispatch来触发某个action,action又触发mutations来改变状态,但是在vuex中没有nextTick这个东西,我无法在dom更新后做些什么
在组件写的nextTick也不是在vuex更新状态后触发的,而是在组件自身的dom更新后触发,现在也想不出个办法,求各位大神帮帮忙
this.$store.dispatch("action",{
name: "test",
type: "add"
});
this.$nextTick(() => {
//vuex改变状态后的dom还没有更新就执行到这里了
$(".slimscroll-render").eq(index).slimScroll();
$.fn.fullpage.setAllowScrolling(false);
});
1个回答
答案对人有帮助,有参考价值1答案没帮助,是错误的答案,答非所问
我也遇到这个问题了,由于后台请求是异步的,所以$.nextTick 并不能正确更新, 我最后的解决办法是通过watch 来实现的,
watch: {
itemList: function (val, oldVal) {
console.log(val)
console.log(oldVal)
this.$nextTick(() => {
const ms = this.$refs.grid.masonry
ms.reloadItems()
ms.layout()
})
}
}
时间: 2024-10-10 06:31:57