js_脚本之家

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

子组件：

            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
子组件访问/调用父组件的实例正是小编分享给大家的全体内容了，希望能给大家一个参照他事他说加以考察，也期待我们多都赐教脚本之家。