代码之家 › 专栏 › 技术社区 › Steven

将道具传递给其他组件

nativescript vue.js

Steven · 技术社区 · 7 年前

我正在用VueJs做Nativescript

我有一个模板,我想传递一些数据到下一个组件/页面。

the docs .

唯一接近它的是 Passing props to the modal

所以我试过了。

onSubmit: function (args) {
        console.log(this.searchValue);
        this.$navigateTo(choose_startpoint, {
            props: {
                hospital: this.searchValue
            }
        })
    }

this.searchValue

所以在另一个文件中,我试图这样捕捉它:

props: ['hospital'],

template: `
<Page class="manual_input_page" actionBarHidden="true">
    <StackLayout>
        <Button class="fas btn btn-lb" text="\uf060 Kies je startpunt" @tap="$navigateBack"></Button>
        <SearchBar class="searchbar" :text="searchValue" hint="Search" textFieldBackgroundColor="white" @textChange="onTextChanged" @submit="onSubmit" />         
        <ListView class="list-group" for="items in startpoints" @itemTap="onItemTap" separatorColor="transparent">
          <v-template>
            <Label class="item" :text="items.name" /> 
          </v-template>
        </ListView>
        <Label class="bottom-info" :text="hospital"></Label>
    </StackLayout>        
</Page>
`,

但它是空的?我需要做什么?

1 回复 | 直到 7 年前

Manoj 7 年前

这应该是Vue检索道具的标准方式,

this.$navigateTo(PageB, {
            props: {
                hello: "World!"
            }
});

在 页码B

<template>
<Page class="page">
    <ActionBar title="PageB" class="action-bar" />
    <ScrollView>
        <StackLayout class="home-panel">
            <Label class="h2 description-label" :text="$props.hello" />
        </StackLayout>
    </ScrollView>
</Page>
</template>

<script>
   export default {
     props: ['hello'],
     data() {
       return {};
     }
  };
</script>

Playground sample .

推荐文章

Knight · NativeScript,Android-与本地主机的连接失败

8 年前

Muthukumar Marichamy · NativeScript推送插件未在通知栏上显示通知

8 年前

Volodya Kurpita · 是否可以确定移动网络的位置设备-Nativescript

8 年前

Loki · Nativescript-将边框顶部添加到操作栏

8 年前

Ted · ServiceStack/TypeScript:TypeScript引用忽略名称空间(这会导致重复)

8 年前

V.D · Visual Studio代码上的调试Nativescript不工作

8 年前

Tienus McVinger · 有没有办法限制if条件的需要?

8 年前

nonzod · NativeScript HttpClient和Observable

8 年前

kenny · NativeScript打开操作扩展

8 年前

Roel Voordendag · 标题样式仪表Nativescript

8 年前