获取父级组件属性 2018-06-15 13:54:57

由于vue的特性,尽管父组件中,包含子组件,但子组件仍然没办法直接使用父组件的属性。 

比如父组件a.vue,子组件b.vue和c.vue。 

在a.vue中,有b和c,也就是<b-html></b-html>和<c-html></c-html> 这时候,因为一些特殊需求,在a.vue中,定义了某个属性,需要在b或者c中使用,直接写this.属性,会报未定义的错误。 

这时候,使用this.$parent.属性,就可以在子级拿到父级属性(函数通用),比如: 

父组件:

data () {
    return {
      layout_bgColor: '#15151a'
    }
  }

子组件:

mounted () {
    console.log(this.$parent.layout_bgColor)
}

会得到layout_bgColor的值。

  1. Laravel5.7
  2. 微信相关
  3. Mysql
  4. 前端开发
  5. 随记
  6. 写作素材
  7. 开发工具
  8. 互联网