zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    网页抓取
    基本数据结构
    小节
    顺序统计量
    线性时间排序
    快速排序
    堆排序 Heapsort
    大数运算
    趣味题,文本中洞的数量
    nginx config配置
  • 原文地址:https://www.cnblogs.com/kaibindirver/p/13697204.html
Copyright © 2011-2022 走看看