zoukankan      html  css  js  c++  java
  • 组件之间的方法

    1.父组件调用子组件里面的方法  

    <doctor-order ref="mychild"></doctor-order>(子组件 在父组件里引用的)
    this.$refs.mychild.getList();
    2.父组件向子组件传值
    <prescription-panel :inputName="name"></prescription-panel>(子组件 在父组件里引用的)
    this.name = this.clickValue(需要什么值就放name里面)(父组件还要定义好name的变量类型)
    子组件:
    props: {
    inputName: Object,(子组件里定义这个类型) 
    required: true
    },    (这样就能在组件取到父组件的的this.clickValue的值了 inputName== this.clickValue(父组件的值))
    3.子组件传值给父组件
      1-this.$emit('headCallBack', '子组件的参数内容'); //第一个参数是父组件中v-on绑定的自定义回调方法,第二个参数为传递的参数

      2-<mainHeader :count="count" :list="list" v-on:headCallBack="headCall"></mainHeader> <!--通过v-on绑定方法,headCallBack为子组件中$emit()中第一个参数,headCall为回调方法,参数就传入这个方法中

  • 相关阅读:
    webIDE 第二篇博文
    前端第一天
    记昨天
    入职第四天
    入职第二天
    linux常用命令,自己总结
    一切从头开始
    在服务器上搭建SVN
    Dynamic CRM 365学习历程--JS
    Dynamic CRM 365学习历程--有关CRM的学习过程种需要注意的事项
  • 原文地址:https://www.cnblogs.com/yn-cn/p/9277255.html
Copyright © 2011-2022 走看看