【问题标题】:Is it possible to access variable of the parent within child element?是否可以在子元素中访问父元素的变量?
【发布时间】:2021-04-29 18:04:31
【问题描述】:

我使用 Vue 2。我有这个组件:

<AccordionItem :item-title="someName">

    <div v-if="item-title=='Ann'"></div>

</AccordionItem>

是否可以在子元素中访问item-title 变量?

【问题讨论】:

  • 在父组件范围内,可以只使用someName
  • Accordionitem 可以有多个值,我需要检查手风琴是否具有特定值。这就是为什么我需要检查 item-title。
  • 但是item-titlesomeName在你的例子中是一样的
  • 你问的是scoped slots吗?如果是这样,有很好的文档和bunch of posts already on StackOverflow。如果不是,请澄清您的问题

标签: vue.js vuejs2


【解决方案1】:

如果您将:item-title 属性传递给您的组件AccordionItem,以便您可以获取它的值,您可以使用itemTitle。不要忘记组件AccordionItem 必须有itemTitle 作为prop。

...
props: {
    itemTitle: {
      type: String,
      default: "",
    },
},
...
created() {},

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-04-14
    • 2012-12-16
    • 1970-01-01
    • 2020-10-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多