vue 父组件动态传值给子组件的方法

Posted lemonmoney

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 父组件动态传值给子组件的方法相关的知识,希望对你有一定的参考价值。

父组件:

<uni-collapse-item title="标题信息" ref="child1" thumb="../../static/send-goods.png"></uni-collapse-item>

this.$refs.child1.childMethod(res.data.count)  //调用子组件的函数,并把这个状态传过去。

子组件: 

 data () {
    return {
       childVal:‘‘
    }
  },   
methods: {
   childMethod(flag) {  //这个就是子组件的函数 参数是父组件调用时传过来的
     this.childVal = flag;   //将这个状态赋给当前的对话框所绑定data数据上
  }
}

  

 

以上是关于vue 父组件动态传值给子组件的方法的主要内容,如果未能解决你的问题,请参考以下文章

vue父组件异步获取数据传值给子组件

【Flutter】多组件共用状态,父组件状态传递给子组件

vue 解决双向绑定中 父组件传值给子组件后 父组件值也跟着变化的问题

vue父组件ref传值给子组件报错cannotreadproperty'getmsg'ofundefined

vue父组件传值给子组件

23-父给子传值