zoukankan      html  css  js  c++  java
  • 父组件调用子组件中的方法- this.$refs.xxx.子组件方法();

    子组件中有一个说的方法 在父组件中去调用
    当你点击的时候 去调用子组件中的方法

    fu.vue
    在父组件的方法中调用子组件的方法,
    很重要 this.$refs.mychild.parentHandleclick();

    {
        <template>
        <div>
            <button @click="clickParent">点击 调用子组件</button>
            <child ref="mychild"></child>
        </div>
        </template>
        
        <script>
        import Child from "../zi/zi";
        export default {
        components: {
            child: Child  //key:value key是组件名称  value是被引入时的名称
        },
        methods: {
            clickParent() {
            this.$refs.mychild.parentHandleclick();
            }
        }
        };
        </script>
     
    }

    zi.vue

    {
        <template>
          <div ref="col">child</div>
        </template>
        
        <script>
            export default {
                methods: {
                    parentHandleclick(e) {
                    console.log("我是子组件在说")
                    }
                }
            };
        </script>
    }
  • 相关阅读:
    no.5.print sum
    0.1 hint crack
    no.4 抽奖测试
    no2.crossdomain.xml批量读取(待完善)
    no.1
    day7-读写分离
    day6-主从
    day5-备份
    day4-用户授权
    Day3-体系结构+查询+导入/出
  • 原文地址:https://www.cnblogs.com/IwishIcould/p/11306344.html
Copyright © 2011-2022 走看看