写一个简单的例子弄清楚vue父子组件之间如何动态传值取值,父传递子,子改变父的。要实现的结果如图,就像手机端的tab那样。
一个例子弄懂vue父子组件之间传值,用tabs为例子讲述
一个例子弄懂vue父子组件之间传值,用tabs为例子讲述
一个例子弄懂vue父子组件之间传值,用tabs为例子讲述
首先父组件通过components引入子组件,如果要传入子组件的值是动态的.可以将该值双向绑定在调用的子组件上,子组件只需要做一件事,那就是通过props接收,如下:
一个例子弄懂vue父子组件之间传值,用tabs为例子讲述
一个例子弄懂vue父子组件之间传值,用tabs为例子讲述
但因为不建议子组件直接修改 props的数据,所以把它作为 data的初始值。
这时候只需要这样操作就行了
一个例子弄懂vue父子组件之间传值,用tabs为例子讲述
父组件接收传递的参数
一个例子弄懂vue父子组件之间传值,用tabs为例子讲述
接收参数,修改数据状态
一个例子弄懂vue父子组件之间传值,用tabs为例子讲述
当然可以直接在子组件里面修改数据的,我这样做只是做个例子说明父子组件之间如何传参和绑定事件的,不要杠哈
一个例子弄懂vue父子组件之间传值,用tabs为例子讲述

相关文章:

  • 2021-11-02
  • 2021-08-19
  • 2021-06-07
  • 2021-09-25
  • 2022-01-10
  • 2021-09-30
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-13
相关资源
相似解决方案