菜单

js_脚本之家

2020年3月27日 - 新闻中心

不时因为构造难题,必要子组件 把多少
传给父组件,并奉行父级的某部方法,非常少说上代码:

子组件:

            export default { methods: { goToFatherDetail  { // this.$parent.$router.push; console.log; this.$emit('refreshbizlines', itemId); /* <span style="font-family: Arial, Helvetica, sans-serif;">itemId就是子要传的数据 - 这里很重要,refreshbizlines就是父组件$on监测的自定义函数不是父组件的自定义函数。*/</span> } } };  

父组件:

    正在热映   即将上映        export default { methods: { goToDetail  { console.log; } }<strong> };  

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

on: { "refreshbizlines": function { _vm.goToDetail}}

因此原理便是 子组件 访问 父组件的 质量评定函数 refreshbizlines
,访谈了,则实践 refreshbizline 下边包车型客车 函数

goToDetail — 也正是父组件的

goToDetail函数

v-on:refreshbizlines="goToDetail"

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

以上那篇VUEJS 2.0
子组件访问/调用父组件的实例正是小编分享给大家的全体内容了,希望能给大家一个参照他事他说加以考察,也期待我们多都赐教脚本之家。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图