我如何判断一个元素是否在 VueJS 中重新渲染?
How can I tell if an element has re-rendered or not in VueJS?
在VueJS中判断一个组件是否被重新渲染的简单方法是什么?
编辑:我发现这个问题的最佳答案是使用 beforeUpdate()
生命周期挂钩,因为只要组件上的数据发生变化并且 DOM 重新呈现,它就会被调用。
beforeUpdate () {
console.log('Re-render', new Date())
},
最简单的方法是将当前日期转储到一对小胡子括号中:
<div>{{ new Date }}</div>
如果它改变了,你知道它是 re-rendered。
在VueJS中判断一个组件是否被重新渲染的简单方法是什么?
编辑:我发现这个问题的最佳答案是使用 beforeUpdate()
生命周期挂钩,因为只要组件上的数据发生变化并且 DOM 重新呈现,它就会被调用。
beforeUpdate () {
console.log('Re-render', new Date())
},
最简单的方法是将当前日期转储到一对小胡子括号中:
<div>{{ new Date }}</div>
如果它改变了,你知道它是 re-rendered。