vue中父子组件通过props传递数据,页面加载完毕,父组件数据更新,子组件不动态更新的解决方案
2019-04-29 14:48
1491 查看
近期在开发中遇到一个问题,把项目中评分星星剥离出来抽象为一个子组件,页面中也用后发现:如果是通过v-for渲染的列表,数据可以正常通过props传递到子组件并渲染加载,但是如果是异步加载获取到的数据能正常传到子组件中,但是不会重新渲染加载。
异步加载获得的数据传递给子组件 通过v-for渲染的数据传递给子组件查了一些网友的帖子后发现,只要在子组件中加侦听器watch监听props中值的变化,并在值变化时做出响应的更新即可。
注意:这里的score就是props中的数据,{}中要加this. ,我这里要做判断,所以重新执行了一边判断。
相关文章推荐
- Vue 父子组件的数据传递、修改和更新方法
- Vue 父子组件的数据传递、修改和更新
- Vuejs——(9)组件——props数据传递
- 关于vue.js父子组件数据传递
- vue学习记录——父子组件间传递数据
- vue父子组件数据传递方式
- Vue 使用Props属性实现父子组件的动态传值
- vue中父子组件通信,异步数据传递
- vue.js---父子组件之间简单的数据传递
- Vue 使用props从父组件向子组件传递数据
- Vue父组件向子组件传递动态的值,子组件实时更新
- vue2.0父子组件间传递数据的方法
- Vue2.X 通过AJAX动态更新数据
- Vue 兄弟组件通过事件广播传递数据
- vue组件数据传递、父子组件数据获取,slot,router路由功能示例
- 通过JQuery和AJAX实现页面数据的动态加载
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- Vue4种父子组件数据双向传递
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- vue父组件通过props如何向子组件传递方法详解