美文网首页
Vue 父组件调用子组件方法

Vue 父组件调用子组件方法

作者: DamagedBoy | 来源:发表于2017-09-20 09:41 被阅读0次

    父组件

    <template>
      <div>
        <child ref="abc"></child>
      </div>
    </template>
    <script>
      export default{
        methods:{
          invokeChildMethod(params){
            this.$refs['abc'].childMethod(params)
          }
        }
      }
    </script>
    

    子组件

    <template>
      <div id="abc">
      </div>
    </template>
    <script>
      export default{
        methods:{
          childMethod(params){
            console.log(params)
          }
        }
      }
    

    相关文章

      网友评论

          本文标题:Vue 父组件调用子组件方法

          本文链接:https://www.haomeiwen.com/subject/fqpnsxtx.html