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

Vue如何将prop数据分配给arraylist

vue.js javascript

0

ST80 · 技术社区 · 5 年前

在我的 vue -应用程序我想将道具数据分配给数组列表。

<MyComponent :mydata="someArrayData" />

在“MyComponent”中,我想这样做:

props: {
   mydata: {
      type: Array,
      default: []
   }
}
data(){
   arrayList: []
}
created(){
   this.arrayList = this.$props.mydata;
}

但当我这样做时,“this.arrayList”是空的 console.log(this.$props.mydata) 它返回数据。

我在这里做错了什么?

0 回复 | 直到 5 年前

1

ST80 5 年前

我实际上通过简单地添加以下内容来解决这个问题:

<div v-if="someArrayData.length">
   <MyComponent :mydata="someArrayData" />
</div>

现在它对我有效了!

不管怎样,谢谢你的帮助!

2

0

Gert B. 5 年前

您不需要在数据属性中使用“this”:

props: {
   mydata: {
      type: Array,
      default: []
   }
}
data(){
   arrayList: []
}
created(){
   this.arrayList = this.$props.mydata;
}