vue-父组件获取子组件数据
2017-09-29 18:31
316 查看
父组件如何主动获取子组件上的数据?办法是通过
通过$refs我们可以在父组件上获取子组件上的数据。
子组件:
父组件:
在此我们就可以在父组件中 this.$refs.whateverName.dataList 就是子组件中的数据;dataList是子组件中保存了数据的名称,父组件上也必须使用这个名称。
$refs。
通过$refs我们可以在父组件上获取子组件上的数据。
子组件:
<div ref="dataList"></div>
父组件:
<child ref="whateverName"></child>
在此我们就可以在父组件中 this.$refs.whateverName.dataList 就是子组件中的数据;dataList是子组件中保存了数据的名称,父组件上也必须使用这个名称。
相关文章推荐
- vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据
- Vue.js--基于$.ajax获取数据并与组件的data绑定
- vue教程3-05 vue组件数据传递、父子组件数据获取,slot,router路由
- vue父组件异步获取数据传给子组件的方法
- Vue.js--基于$.ajax获取数据并与组件的data绑定
- vue父组件中获取子组件中的数据(实例讲解)
- vue 后台数据获取与组件渲染、页面刷新数据消失的问题小结
- vue 父组件向子组件传值,子组件动态获取数据更新
- vue中如何获取后台数据
- 详解vue2父组件传递props异步数据到子组件的问题
- 从数据库获取到json数据,前端用vue.js数据绑定
- vue组件间的数据和方法传递
- Atitit 项目界面h5化静态html化计划---vue.js 把ajax获取到的数据 绑定到表格控件 v2 r33.docx
- vue 兄弟组件之间传数据之$emit 和 $on 组件通信
- 在Vue组件中获取全局的点击事件方法
- Vuex异步请求数据后,在组件中获取状态的方法
- vue2.5.2使用http请求获取静态json数据的实例代码
- 详解vue渲染从后台获取的json数据
- C#.NET 权限管理系统组件 - 大数据只获取更新部分数据列的标准例子
- vue.js 组件 之 prop 传递数据