Question

我正在使用模式显示listView，我想将列表作为数组传递到模式中。我称这种模式为：

this.$showModal(Picker, { props: { list: [

  { name: "Item 1" },
  { name: "Item 2" },
  { name: "Item 3" }

]}});

模式加载很好，当我进行console.log时，我可以看到模式中的道具

created: function(){
  console.log(this.list);
},

但是，我无法访问模板中的道具或在道具上循环。

 <ListView for="item in listOfItems">
   <v-template>
     <Label :text="item.name" class="listItem" />
   </v-template>
 </ListView>

我也尝试过：

<ListView :for="item in $props.list">

我对模态组件的完整代码如下：

<template>
  <Page>

     <ListView for="item in listOfItems">
       <v-template>
        <Label :text="item.name" class="listItem" />
       </v-template>
     </ListView>

  </Page>
</template>

<script>

  export default {

    props: ["list"],

    created: function(){
      console.log(this.list);
    },

    data(){
      return {
        listOfItems: this.list
      }
    }
  }

</script>

我在做什么错了？

Answer 1

将<ListView for="item in listOfItems">更改为<ListView for="item in list">

Answer 2

不知道为什么，但是当我改变 data（）返回{ 这样变量名是一样的 {动物：动物，蔬菜：蔬菜} 它起作用了。

对于字符串或整数，不必只是对象。

Answer 3

<ListView for="item in $props.list">

要去除结肠吗？

在使用NativeScript-Vue进行编码时，我负责删除:头的不必要的for并引用$props属性。

无法访问NativeScript Vue Modal中的道具

3 个答案: