获取父级组件属性

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

给TA买糖
共{{data.count}}人
人已赞赏
vue

路由传参与参数获取

2018-6-13 18:59:38

vue

watch、computed、v-for、computed

2018-6-20 12:12:42

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索