vue,父组件调用子组件方法
2018-02-04 21:54
525 查看
父组件调用子组件,利用$refs获取子组件的方法
//子组件 export default { methods:{ prompts(txt){ alert(txt) } } }
//父组件 <template> <myChild ref="child"></myChild> <button @click="btn('我是子组件')">确定</button> </template> export default{ import myChild from '@/components/myChild' export default{ components:{ myChild }, methods:{ btn(txt){ this.$refs.child.prompts(txt)//通过$refs找到子组件,并找到方法执行 } } } }
相关文章推荐
- vue 父组件调用子组件方法及事件
- Vue $emit $refs子父组件间方法的调用实例
- Vue $emit $refs子父组件间方法的调用
- vue组件之间的通信以及如何在父组件中调用子组件的方法和属性
- vue.js中父组件调用子组件的内部方法示例
- Vue兄弟组件之间如何调用对方的方法
- vue 子组件调用父组件方法
- vue组件之间的通信以及如何在父组件中调用子组件的方法和属性
- vue 使用ref 让父组件调用子组件的方法
- vue之子组件调用父组件的方法
- Vue $emit $refs子父组件间方法的调用
- vue中子组件调用兄弟组件方法
- vue 父组件调用子组件方法
- vue 子组件调用父组件的方法
- vue关于父组件调用子组件的方法
- vue 父组件调用子组件方法解决方案
- vue 使用ref 让父组件调用子组件的方法
- vue中父组件调用子组件的方法和属性
- vue.js组件之间通讯--父组件调用子组件的一些方法,子组件暴露一些方法,让父组件调用
- vue 2.0 父组件调用子组件中的方法