vue子组件获取父组件方法

来源:互联网 发布:剑3成女捏脸数据 编辑:程序博客网 时间:2024/05/18 03:56

注:以下代码未使用esLint语法检查
父组件:

<template>      <div class="wrapper">            <cp_action @parentMethod="macSelect"></cp_action>      </div></template><script>import ../components/action  //引入子组件export default{    components:{        cp_action    },    method:{        macSelect(){            //方法体            alert(123);        }    }}</script>

子组件:

<template>    <div class="bet-action">        <span class="mac-select" @click="childMethod">机选</span>    </div></template><script>    export default{      methods: {          childMethod() {              console.log('请求父组件方法');              this.$emit('parentMethod');  //使用$emit()引入父组件中的方法          }      },    }</script>
原创粉丝点击