首页 > 其他 > 详细

vue 父组件向子组件传值 , 子组件向父组件传值 (互传)

时间:2020-06-25 16:23:41      阅读:1173      评论:0      收藏:0      [点我收藏+]
  1. 创建一个叫 LoginText.vue的子组件
  2. (父传子)在父组件中引入 LoginText.vue子组件, 并且给子组件 传递 labe, rule, placeholder...值
    技术分享图片
    技术分享图片
    技术分享图片
  3. 子组件接受父组件  传递过来的值  labe, rule, placeholder...
    技术分享图片
    使用父组件, 传递过来的数据:
    技术分享图片
  4. (子传父)使用 watch 侦听器  ,侦听input框的值, 如果 input框的值发生变化, 就 调用 封装好的正则方法
    技术分享图片
    技术分享图片
  5. 父组件 监听   子组件    触发的自定义事件
    技术分享图片
  6. 接受 自定义事件, 携带过来的  content值
    技术分享图片
  7. 并且把值绑定到 data里面
    技术分享图片
    当满足正则的条件:   父组就可以  拿到  子组件 触发的 自定义事件 携带过来的  值
    技术分享图片
  8. 但是 第6步的 方法 很繁琐, 这里可以直接在 @inputChange绑定comment
    技术分享图片
    res 箭头函数里面的  name = res
    res是 LoginText组件  传递过来的参数
    也是可以实现:  双向绑定
    技术分享图片


vue 父组件向子组件传值 , 子组件向父组件传值 (互传)

原文:https://www.cnblogs.com/cl1998/p/13191993.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!