组件props名字为 dataList
引用组件时,只能使用 :dataList="xxx" 而不能使用 :data-list="xxx"
下面的代码,页面无法渲染数据.因为值传不过去.
index.vue
<template>
<view class="content">
<child-test :data-list="datas.list" />
</view>
</template>
<script>
import childTest from './components/child_test.vue';
export default {
data: () => ({
datas: {
list: [],
},
}),
components: {
childTest,
},
onShow() {
setTimeout(() => {
this.datas = {
list: [1, 2, 3, 4, 5],
};
}, 1000);
},
};
</script>
child_test.vue
<template>
<div
class="comp-container"
v-if="dataList.length"
>
this is child's content
<view
v-for="item in dataList"
:key="item"
> {{ item }}
</view>
<slot />
</div>
</template>
<script>
export default {
props: {
dataList: {
type: Array,
default: () => ([]),
},
},
};
</script>
1 个回复
DCloud_UNI_GSQ
不可以使用 data-xxx