一、Vue重新渲染页面方法
Vue重新渲染页面是非常常见的需求,对于一些组件的显示及数据刷新,VueJS本身提供了一些方法和技巧。我们可以在以下场景中使用Vue重新渲染页面。
- 在响应式数据变更后,我们需要强制Vue重新渲染组件或页面
- 在特定情况下,例如使用setTimeout等异步代码后,我们需要触发Vue的重新渲染
- 在组件树中,如果我们需要更新父组件,或者强制子组件重新渲染,我们也可以使用Vue重新渲染页面
二、Vue拿到数据渲染不到页面
在使用VueJS时,我们有时候会遇到这样的情况:我们已经成功获取到了我们指定的数据,但是这些数据却并没有在页面上渲染。如果Vue拿到数据渲染不到页面,可能是以下原因:
1. 对数据监听不当
data () { this.list = [] } ... this.list = [...newArr]; // 不能看到变化 this.$set(this.list, [...newArr]); // 可以看到变化
2. 对于动态添加属性没有处理
原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/207042.html