Vue 父組件調用子組件的方法

主組件

<template>
  <div>
   <uuu ref='test_hanshu'></uuu>   //ref 給子組件命名一個名字
   <p @click="clickme">點擊我</p>
  </div>
</template>
<script>
import uuu from "../17/17-2copy"
export default {
  data() {
    return {
      visible: false,
    };
  },
  components: {
      uuu
    },

  methods: {
    clickme(){
       const a="我是超人";
      this.$refs.test_hanshu.lucax(a)   //調用子組件里面的方法
    }
   
    }
};
</script>

 后計: $refs 也可以拿子組件的 值 修改 

this.$refs.test_hanshu.值=123

子組件

<template>
  <div>
   我是17-2
  </div>
</template>
<script>
export default {
  data() {
    return {
      visible: false,
    };
  },
  methods: {
   lucax(uir){
     console.log(uir)
   }
    }
};
</script>

 

 

參考 https://www.cnblogs.com/ygyy/p/13396213.html

 

子組件 調用父組件的方法

https://blog.csdn.net/zgrkaka/article/details/100528714