不时因为构造难题,必要子组件 把多少
传给父组件,并奉行父级的某部方法,非常少说上代码:
子组件:
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
子组件访问/调用父组件的实例正是小编分享给大家的全体内容了,希望能给大家一个参照他事他说加以考察,也期待我们多都赐教脚本之家。