美文网首页
vue子组件获取父组件的属性

vue子组件获取父组件的属性

作者: 卡戎li | 来源:发表于2018-10-06 09:18 被阅读0次
  • 1、在父组件中定义需要传入的值,如 trust-plan-id-list
 <el-dialog title="请选择需要导出的字段" style="" width="80%" :visible.sync="downLoadFileSelectd"  v-if="downLoadFileSelectd">
        <downLoadFileSelect :trust-plan-id-list="selectTrustPlanIdList" @close="close">
        </downLoadFileSelect>
      </el-dialog>
  • 2、在子组件中声明并使用变量
    在props 中声明,然后就可以直接使用啦
 props:[
      "trustPlanIdList"
    ],

相关文章

  • Vue之数据通信

    Vue 如何实现组件通信?①父组件向子组件通信(props:['属性名']) 给父组件中的子组件标签绑定属性,然后...

  • react - 组件间的值传递

    父组件向子组件传值 父组件通过属性进行传递,子组件通过props获取 父组件ComentList引用子组件Comm...

  • 用vue-cli开发项目时候的一些工作笔记

    1、父组件: 获取子组件的方法属性:this.refs.headerChild.方法子组件获取父组件的数据: 2...

  • Vue父子组件间传值

    一、父组件向子组件传值(通过 props 属性) 父组件 子组件 子组件方法中通过 this.value 来获取数...

  • Vue组件通信

    1) 父组件给子组件传值 利用Vue的组件机制,父亲组件通过 v-bind指令给子组件绑定一个属性,属性值为父组件...

  • 04vue2.0-Vue组件化-组件间的数据传递

    Vue组件之间传值 父组件向子组件传值 1.父组件向子组件传值 父组件发送的形式是以属性的形式绑定值到子组件身上。...

  • Vue父子组件传值

    父传子 父组件 Father.vue 子组件 Son.vue 子传父 子组件 Son.vue 父组件 ...

  • 详解VUE里子组件如何获取父组件动态变化的值

    这篇文章主要介绍了详解VUE里子组件如何获取父组件动态变化的值,子组件通过props获取父组件传过来的数据,子组件...

  • vue 组件之间的传值

    vue父组件给子组件传值 父组件给导入的子组件绑定一个数据:title是父组件的数据 2 子组件获取数据. pr...

  • Vue 组件 / 通信

    子组件=》父组件 vue的组件之间的通信类似angular的父子层级之间通信,父组件获取子组件数据步骤大概如下: ...

网友评论

      本文标题:vue子组件获取父组件的属性

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