下面为大家分享一篇vuejs 2.0 子组件访问/调用父组件的实例。具有很好的参考价值,希望对大家有所帮助。
有时候因为布局问题,需要子组件 把数据 传给父组件,并执行父级的某个方法,不多说上代码:
子组件:
父组件:
立即学习“前端免费学习笔记(深入)”;
正在热映
即将上映
父组件用 v-on 来做个监测的函数来检测,最终生成的代码是 类似
on: {
"refreshbizlines": function($event) {
_vm.goToDetail(123)
}
}
所以原理就是 子组件 访问 父组件的 检测函数 refreshbizlines ,访问了,则执行 refreshbizline 下面的 函数
goToDetail -- 也就是父组件的
goToDetail函数
系统安装步骤 1、安装QuickWAP组件。将QuickWAP.dll拷贝到System32文件夹下,在开始菜单运行 regsvr32 QuickWAP.dll 即可。 2、将“WAP2.0企业系统源码”目录下的文件通过FTP传到服务器上,或在本机IIS上调试,然后通过域名或IP访问。 简介: 新版企业WAP2.0手机网站采用QuickWAP X
注意 父组件 的
v-on:refreshbizlines="goToDetail"
一定要放在 你父组件调用子组件的 模块名上。
祝你们 编码愉快。
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
如何解决父组件中vuex方法更新state子组件不能及时更新并渲染









