VUEJS2.0子组件访问/调用父组件的实例

有时候因为布局问题,需要子组件 把数据 传给父组件,并执行父级的某个方法,不多说上代码:

会宁网站制作公司哪家好,找成都创新互联公司!从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作,到程序开发,运营维护。成都创新互联公司公司2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司

子组件:

 
 
 

父组件:

 
 
 

父组件用 v-on 来做个监测的函数来检测,最终生成的代码是 类似

on: {
  "refreshbizlines": function($event) {
  _vm.goToDetail(123)
}
}

所以原理就是 子组件 访问 父组件的 检测函数 refreshbizlines ,访问了,则执行 refreshbizline 下面的 函数

goToDetail -- 也就是父组件的

goToDetail函数

注意 父组件 的

v-on:refreshbizlines="goToDetail"

一定要放在 你父组件调用子组件的 模块名上。

祝你们 编码愉快。

以上这篇VUEJS 2.0 子组件访问/调用父组件的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。


网页标题:VUEJS2.0子组件访问/调用父组件的实例
文章出自:http://bzwzjz.com/article/pedehg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都模版网站建设 成都网站设计制作公司 成都响应式网站建设 手机网站建设 成都网站建设 成都网站设计 营销型网站建设 网站建设 成都网站建设公司 成都网站建设 成都网站制作 成都网站设计 成都网站建设 网站制作 成都企业网站建设 成都网站制作公司 成都网站建设 成都网站建设 重庆电商网站建设 专业网站设计 手机网站制作 外贸网站建设