Vue自定义组件Props中接收数组
解释这个什么意思具体如下:props: {content: {type: Array,// default: function () { return [] }default: () => []},}父组件给子组件的传值:父组件里面的返回空,意思就是template里面的div循环每个盒子返回为空盒子,传给子组件,子组件通过this.$ajax.get({}), 获取数据子组件就能够显示内容
·
解释这个什么意思具体如下:
props: {
content: {
type: Array,
// default: function () { return [] }
default: () => []
},
}
父组件给子组件的传值:
父组件
里面的返回空,意思就是template里面的div循环每个盒子返回为空盒子,
传给子组件,子组件通过this.$ajax.get({}), 获取数据子组件就能够显示内容在
子组件显示出来了, 这是因为父组件挂载在组件上面
<div class="list" @click="tab_change(index)" v-for="(item,index) in just_for_you_product_type" :key="'type' + index">
<div class="list_sub_title" :class="{active:tab_index==index}">
</div>
props: {
just_for_you_product_type: {
type: Array,
// default: function () { return [] }
default: () => []
},
}
子组件
<for-you-section @tab_change="tab_change" :just_for_you_product_type="just_for_you_product_type" ></for-you-section>
getJustForYouProduct(){
this.$ajax.get({
url:'supplier', // 假的接口案例
data:{
PAGE:1,
SIZE:10,
},
success:res=>{
this.just_for_you_product = res.data.list;
}
})
}
更多推荐
已为社区贡献3条内容
所有评论(0)