最近在写vue子组件给父组件传值时,一不小心写了五个组件,这个时候用到了子组件给父组件传值,其中不乏子组件跨过它的父组件,给它的父组件的父组件传值,也就是给它的爷爷传值。听到这里是不是快晕了,来,上干货。
这是demo1,也是最底层的子组件:
<template>
<div >子组件01
<Button type="primary" @click="submit('formValidate')">确定</Button>
</div>
</template>
<script>
export default {
name: "demo1",
methods(){
submit (name)
{
this.$refs[name].validate((valid) =