• 35648

    文章

  • 23

    评论

  • 20

    友链

  • 最近新加了很多技术文章,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

Vue——(1)父传子,子传父(传值)

欢迎来到阿八个人博客网站。本 阿八个人博客 网站提供最新的站长新闻,各种互联网资讯。 喜欢本站的朋友可以收藏本站,或者加QQ:我们大家一起来交流技术! URL链接:https://www.sghongmei.com/jsh/2019/0824/108378.html 1190000020167349

父传子组件

  • 父组件引入子组件,使用components接收;
  • 父组件页面显示引入子组件数据;
  • 子组件使用props接收父组件传过来的数据进行chu'li处理数据,页面显示内容;
props:{
      name:{
          type:String,
          default:'我是默认值,可以不定义'
      }
  }

子传父组件

  • 父组件import引入子组件,components:注册子组件
  • 父组件中template中使用子组件的点击事件
  • 子组件正常写入template内容,使用点击事件时,this.$emit('事件名',传入的值或多个值)
   this.$emit("sendiptVal", this.inputValue) 
      //子组件发射自定义事件sendiptVal 并携带要传递给父组件的值,
      // 如果要传递给父组件很多值,这些值要作为参数依次列出 如 this.$emit('valueUp', this.inputValue, this.mesFather); 
    }

相关文章

暂住......别动,不想说点什么吗?
  • 全部评论(0
    还没有评论,快来抢沙发吧!