VUEJS 2.0 子组件访问/调用父组件的实例
有时候因为布局问题,需要子组件把数据传给父组件,并执行父级的某个方法,不多说上代码:
子组件:
父组件:
正在热映
有时候因为布局问题,需要子组件把数据传给父组件,并执行父级的某个方法,不多说上代码:
子组件:
父组件:
正在热映
父组件用v-on来做个监测的函数来检测,最终生成的代码是类似
on:{ "refreshbizlines":function($event){ _vm.goToDetail(123) } }
所以原理就是子组件访问父组件的检测函数refreshbizlines,访问了,则执行refreshbizline下面的函数
goToDetail--也就是父组件的
goToDetail函数
注意父组件的
v-on:refreshbizlines="goToDetail"
一定要放在你父组件调用子组件的模块名上。
祝你们编码愉快。
以上这篇VUEJS2.0子组件访问/调用父组件的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。