Nativescript Vue：如何访问 v-template 中的数据属性？

Posted 2023-04-14

【中文标题】Nativescript Vue：如何访问 v-template 中的数据属性？

【英文标题】：Nativescript Vue: How to get access to data properties inside of v-template?

【发布时间】：2019-11-28 22:23:14

【问题描述】：

我可以访问我的数据，例如第一个 Label 元素中的lowText。但是当我在 Pager 组件和 v-template 内部时，我无法访问它。如何在它的上下文中通过？

<StackLayout>
   <Label :text="this.lowText" />
   <Pager for="item in items">
      <v-template>
         <Label :text="this.lowText" />
      </v-template>
   </Pager>
</StackLayout>

【参考方案1】：

如果lowText 是数据属性，则不必使用this.lowText。只需使用 lowText，它应该在 v-template 的内部和外部都可以工作。

<StackLayout>
   <Label :text="lowText" />
   <Pager for="item in items">
      <v-template>
         <Label :text="lowText" />
      </v-template>
   </Pager>
</StackLayout>