世界这么大,一起去看看吧!

获取父级组件属性

2018-06-15 13:54:57 | 煮梦 | VUE

由于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的值。

上一篇 下一篇